我有一个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>Run Code Online (Sandbox Code Playgroud)
<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>Run Code Online (Sandbox Code Playgroud)
加载后您必须初始化手风琴。您应该等待加载回调。
$("#result").load(page + " #result", function() {
// This is a callback function. Do initialization here.
});
Run Code Online (Sandbox Code Playgroud)