Jquery切换在从Ajax Post检索的数据上失败

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页

我正在尝试使用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完成,然后触发切换函数,但没有用。下面是我的示例代码

     $.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"});
                });
       }
  });

@查米卡。。非常感谢兄弟,它像魅力一样工作,避免了使用额外语句触发的需要。