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

标签 jquery ajax

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

});

关于jquery - 如何使用 ajax 加载将 jquery Accordion 加载到 div 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27475867/

相关文章:

java - 使用通过 JSON 和 jQuery 传递的数据在下拉列表中创建两个值

javascript - 围绕圆形图像定位元素

asp.net - 如何 "push"更新 (ASP.NET) 网页表格/网格中的各个单元格?

php - 用于所有机场位置的 Skyscanner API 和使用 CURL 的 Travel API

javascript - 使用 JQuery ajax 在 DOM 操作后附加事件

jquery - 使用 $.ajax url 传递多个参数

javascript - 单击“提交”时调用函数

jQuery 主体淡入

javascript - 使用表构建的 Jquery Accordion 菜单

java - 使用 Spring MVC 和 ajax 返回字符串时编码错误