微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

我有一个 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.

});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐