如何使用ajax加载将jquery手风琴加载到div中？

发布时间：2020-12-16 02:55:49 所属栏目：百科来源：网络整理

导读：我有一个 jquery手风琴,它可以自行工作.当我尝试使用链接和加载方法将其加载到位于我主页上的div中时,手风琴显示为带有标题的列表并失去其所有功能. 我的工作手风琴可以在 http://jsfiddle.net/jenova007/jhhpovzb/找到当我点击“Store Locations”链接时,

我有一个 jquery手风琴,它可以自行工作.当我尝试使用链接和加载方法将其加载到位于我主页上的div中时,手风琴显示为带有标题的列表并失去其所有功能.
我的工作手风琴可以在 http://jsfiddle.net/jenova007/jhhpovzb/找到
当我点击“Store Locations”链接时,我想将此手风琴加载到“result”div中.经过多次尝试后,我最终加载原始的手风琴页面或加载手风琴标题列表和列表项目,但不包括div中的工作手风琴.
在阅读了几篇关于重新加载手风琴等的文章之后,我仍然迷失了.请问有人可以解释一下我在javascript中如何做到这一点？谢谢.

<script type="text/javascript">
$('a').click(function() {
var page = $(this).attr('href');
$('#result').load(page);
return false;
});
</script>

<html>
<head>
<title>Store_Locations</title>
<style type="text/css">
#result {position: absolute;
	top: 30%;
	left: 0;}
</style>
</head>
<body>
<a href="StoreListA.html">Store Locations</a>
<div id="result">
</div>
<script src="loader.js"></script>
</body>
</html>

解决方法

你必须在加载后初始化你的手风琴.你应该等待加载回调.

$("#result").load(page + " #result",function() {

    // This is a callback function. Do initialization here.

});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!