Skip to main content
 首页 » 编程设计

jquery之如何使用 ajax 加载将 jquery Accordion 加载到 div 中

2026年09月08日2thcjp

我有一个 jquery Accordion ,它本身工作得很好。当我尝试使用链接和加载方法将其加载到主页上的 div 中时, Accordion 显示为带有标题的列表,并失去了所有功能。 我的工作 Accordion 可以在 http://jsfiddle.net/jenova007/jhhpovzb/ 中找到 当我单击“存储位置”链接时,我想将此 Accordion 加载到“结果”div 中。经过多次尝试后,我最终加载了原始的 Accordion 页面或加载了 Accordion 标题和列表项的列表,但没有加载 div 中的工作 Accordion 。 在阅读了几篇有关在加载时重新初始化 Accordion 等的文章后,我仍然迷失方向。有人可以解释一下我如何在我的 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>

请您参考如下方法:

加载后您必须初始化 Accordion 。您应该等待加载回调。

$("#result").load(page + " #result", function() { 
 
    // This is a callback function. Do initialization here. 
 
});