Jquery ui jqueryui手风琴赢得';t在ajax调用后启动
我在asp.net webforms页面上有一个accordion控件(使用母版页…),在我调用ajax加载accordion的内容后,该控件不会初始化。该页面肯定有对jquery和jQueryUI文件的引用(当我在其中包含静态内容时,它可以正常工作)。当我试图通过ajax调用加载它时,它就崩溃了 母版页标题:Jquery ui jqueryui手风琴赢得';t在ajax调用后启动,jquery-ui,Jquery Ui,我在asp.net webforms页面上有一个accordion控件(使用母版页…),在我调用ajax加载accordion的内容后,该控件不会初始化。该页面肯定有对jquery和jQueryUI文件的引用(当我在其中包含静态内容时,它可以正常工作)。当我试图通过ajax调用加载它时,它就崩溃了 母版页标题: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.mi
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
(来自InitAccordion函数的第一行…)而手风琴不是,嗯,手风琴。我缺少什么?你导入了那个库吗?因为我在母版页上导入的
脚本
标记(忘了提及…)和浏览器中呈现的页面之间看不到它…我从母版页添加了相关的位…你有多个版本的jQuery吗…?没有,站点中只有一个对jQuery库的引用。实际上,我是通过使用嵌套的转发器和简单的数据绑定来解决这个问题的,而不是用javascript构建所有内容。
<asp:content id="Content3" runat="Server" contentplaceholderid="mainContent">
<script type="text/javascript" src="Scripts/Catalog.aspx.js"></script>
<script type="text/javascript">
$(document).ready(Catalog.InitPage);
</script>
<div id="accordion" style="width: 850px;"></div>
</asp:content>
Catalog = {
BuildAccordion: function (results) {
var accordion = $('#accordion');
$.each(results.d, function (index, category) {
$(accordion).append('<div>' + category.CategoryName + '</div>');
$.each(category.Courses, function (index, courseItem) {
// will be adding more content here once it's all working...
});
});
Catalog.InitAccordion();
},
InitAccordion: function() {
$('#accordion').accordion({
active: false,
collapsible: true,
heightStyle: 'content'
});
},
InitPage: function () {
$.ajax({
type: "POST",
url: "WebServices/GlobalWM.asmx/GetCourseCatalog",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: Catalog.BuildAccordion
});
}
};
TypeError: $(...).accordion is not a function