サードパーティーのアヤックスの後でjqueryスクリプトを生かし続ける

Question

私はこのような他の投稿があることを知っていますが、他の人の質問で質問するのが適切かどうかわかりません。ここで私は何をすべきか私の質問への答えを見つけたと思うリンクがあります：other question。私は、ページ上の最後の解決策はおそらく使用するものだと思います。

私の質問はまだです。これを私のシナリオに適用してください。私のスクリプトはすべて外部関数に含まれています。それは、この考え方に基づいています。私は最終的にはAJAX呼び出しが内容を変更した後に動作していない私のスクリプトの問題を解決しようとしている

jQuery.noConflict(); 
jQuery(function($) { 

    var Engine = { 
     utils : { 
      functionName : function(){ 
       // Do stuff in here 
      }, 
      functionName2 : function(){ 
       // do something else  
      } 
     }, 
     ui : { 
      functionName : function(){ 
       // Do stuff in here 
      }, 
      functionName2 : function(){ 
       // do something else  
      } 
     }, 
     fixes : { 
      functionName : function(){ 
       // Do stuff in here 
      }, 
      functionName2 : function(){ 
       // do something else  
      } 
     }, 
     tweaks : { 

      functionName : function(){ 
       // Do stuff in here 
      }, 
      functionName2 : function(){ 
       // do something else  
      } 
     } 
    }; 


    Engine.utils.functionName(); 
    Engine.utils.functionName2(); 

    Engine.ui.functionName(); 
    Engine.ui.functionName2(); 

    Engine.fixes.functionName();  
    Engine.fixes.functionName2(); 

    Engine.tweaks.functionName(); 
    Engine.tweaks.functionName2(); 

}); 

。リンクされた質問は "jquery：$ document.readyをトリガーする（修正できないAJAXコードが実行される）"です。その1つ、特に最後のものへの答えは、私が探しているもののようですが、私のシナリオでその作業をどうやって行うのか分かりません。

Answer 1

私はon（）で委任を使って答えを見つけました。

jQuery.noConflict(); 
function scriptlist() { 
    var $ = jQuery; 
    var Engine = { 
     utils : { 
      functionName : function(){ 
       // Do stuff in here 
      }, 
      functionName2 : function(){ 
       // do something else  
      } 
     }, 
     ui : { 
      functionName : function(){ 
       // Do stuff in here 
      }, 
      functionName2 : function(){ 
       // do something else  
      } 
     }, 
     fixes : { 
      functionName : function(){ 
       // Do stuff in here 
      }, 
      functionName2 : function(){ 
       // do something else  
      } 
     }, 
     tweaks : { 

      functionName : function(){ 
       // Do stuff in here 
      }, 
      functionName2 : function(){ 
       // do something else  
      } 
     } 
    }; 


    Engine.utils.functionName(); 
    Engine.utils.functionName2(); 

    Engine.ui.functionName(); 
    Engine.ui.functionName2(); 

    Engine.fixes.functionName();  
    Engine.fixes.functionName2(); 

    Engine.tweaks.functionName(); 
    Engine.tweaks.functionName2(); 

}; 

jQuery('body').on('change click.productSubmitInput',function(){ 
    jQuery.ready(scriptlist()); 
}); 
scriptlist(); 

この方法で、すべての私のスクリプトが変更（）イベント時やクラスのproductSubmitInput "と私のボタンをクリックすることにより、扇動コンテンツの更新後に再バインドします。