Question

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

Answer 1

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

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

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

});

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

1 个答案: