Jquery切换在从Ajax Post检索的数据上失败
我正在尝试使用jQuery插件来实现扩展所有div/折叠所有div/扩展或折叠单个div,以下是jQuery插件:。唯一不同的是,我试图将这些效果应用于从AjaxPost检索到的div 以下是我当前的流程: 从index.php将数据发布到url(getData.php)并检索Html DIVs->在DIVs上执行切换。te div所需的CSS已加载到Index.PHP上 使用jquery和CSS将切换按钮附加到索引页面上检索到的DIV。切换div所需的java脚本已经出现在index.php页面上。但是切换按钮不会出现在检索到的div上,因为它们甚至在检索到内容之前就被触发了。我尝试使用ajaxStop触发ajax完成,然后触发切换函数,但没有用。下面是我的示例代码Jquery切换在从Ajax Post检索的数据上失败,jquery,ajax,Jquery,Ajax,我正在尝试使用jQuery插件来实现扩展所有div/折叠所有div/扩展或折叠单个div,以下是jQuery插件:。唯一不同的是,我试图将这些效果应用于从AjaxPost检索到的div 以下是我当前的流程: 从index.php将数据发布到url(getData.php)并检索Html DIVs->在DIVs上执行切换。te div所需的CSS已加载到Index.PHP上 使用jquery和CSS将切换按钮附加到索引页面上检索到的DIV。切换div所需的java脚本已经出现在index.php页
$.ajax({
type: 'POST',
url: 'getTicketSummary.php',
data: {ref_no: ref_no},
success: function(data) {
$('#wrapper').hide().html(data).slideDown('slow');
$(function() {
$("#content h3.expand").toggler();
$("#content div.demo").expandAll({trigger: "h3.expand", ref: "h3.expand"});
});
}
});
}
});
$(function() {
$("#content h3.expand").toggler();
$("#content div.demo").expandAll({trigger: "h3.expand", ref: "h3.expand"});
});
//这是我的切换功能,因为我使用的是jquery插件expand.js,现在我尝试在Post请求后添加该功能,但它似乎不起作用。没关系
我猜出来了。我使用$('#wrapper').ajaxStop来触发ajax请求的完成,并启动了一个函数来启用完成时的切换
我的代码是
$.ajax({
type: 'POST',
url: 'getTicketSummary.php',
data: {ref_no: ref_no},
success: function(data) {
$('#wrapper').hide().html(data).slideDown('slow');
$(function() {
$("#content h3.expand").toggler();
$("#content div.demo").expandAll({trigger: "h3.expand", ref: "h3.expand"});
});
}
});
}
});
$('#wrapper').ajaxStop(function() {
$("#content h3.expand").toggler();
$("#content div.demo").expandAll({trigger: "h3.expand", ref: "h3.expand"});
});
希望这对有类似问题的人有所帮助,谢谢 下面的代码就足够了
$.ajax({
type: 'POST',
url: 'getTicketSummary.php',
data: {ref_no: ref_no},
success: function(data) {
$('#wrapper').hide().html(data).slideDown('slow',function(){
$("#content h3.expand").toggler();
$("#content div.demo").expandAll({trigger: "h3.expand", ref: "h3.expand"});
});
}
});
@查米卡。。非常感谢兄弟,它像魅力一样工作,避免了使用额外语句触发的需要。