Ajaxポストから取得したデータに対してJqueryトグルが失敗する

Question

jQueryプラグインを使用して、すべてのDivs/CollapseすべてのDivsを展開/展開または個別のDivsを展開しようとしています。ここにJqueryプラグイン：http://www.adipalaz.com/experiments/jquery/multiple_expand_all_collapse_all.htmlがあります。唯一の違いは、AJAXの投稿から取得したDivsにこれらの効果を適用しようとしていることです。

以下

は私の現在の流れです：

ポストデータのURL（getData.php）fromindex.phpへとHTML DIVs-を取得>のdivにトグルを行います。 te DIVに必要なCSSは既にIndex.PHPにロードされています。

インデックスページの検索されたDIVにjqueryとCSSを使用してトグルボタンが付いています。 divを切り替えるために必要なJavaスクリプトは、既にindex.phpページにあります。しかし、トグルボタンは、コンテンツが取得される前であっても起動されるため、取得したdivには表示されません。私はajaxStopを使ってAjaxの完了をトリガーし、トグル関数を起動しようとしましたがuse.belowはサンプルコードではありません。これは私のトグル機能である

 $.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リクエストの後に機能を追加しようとしたが、動作するように見えるdoest。

Answer 1

次のコードでは、魔法のように動作仲間たくさんおかげで、余分なステートメントを使用してトリガの必要性を防ぐ。.. @chamikaこの

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

Answer 2

心配しないで、

私はそれを考え出しました。 $（ '＃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"}); 
    }); 

希望です！