if文内で複数回実行する関数

Question

Ajaxリクエストとajaxで可変のコンテンツを表示するために複数回読み込まれるコンテナ要素があります。完全な関数の中に関数（A）を含めて呼び出されていますifステートメント

私の問題は、関数（A）が最後に呼び出されたときに、if文がtrueになる前にコンテナがロードされた回数に応じて複数回呼び出されることです。

$(".button").on("click", function(){ 
    loadContainer(); 
}); 

var loadContainer = function(){ 
    $(".container").load(url, function(){ 
    var x = $(".x"); 
    if(x.length>0){ 
     A(); 
    }; 
    }); 
}; 

xは、その要素がロードされるときだけ呼ばれるべきコンテナと機能（A）にロードされる要素$(".x")です：

は、ここに私のコードのシンプルなバージョンです。すなわち、コンテナを3回ロードした後、関数（A）が3回呼び出された後に（x.length> 0）が真であれば、$(".x").length>0

です。

これには方法がありますか、関数（A）が一度だけ呼び出されるようにする方法はありますか？

編集： 私の完全なコード：

ajaxBtn.on("click", function(e) { 

     loadContainer(url, curtain, mainContainer, body, links); 
    }); 
var loadContainer = function(url, curtain, maincontainer, body, links) { 

     $(".main-container").load(url + " .main-container > *", function() { 
      $("#logo").css({ 
       "z-index": "400" 
      }); 

      mainFun(); 
      curtain.removeClass("full"); 
      links.removeClass("here"); 
      body.removeClass("no-scroll"); 
      clearInterval(timer); 
      getFlexIndex(); 
      position = 0; 

      if (vidContainer.length > 0) { 
       youTubeLazyLoad(); 
      } 
     }); 
}; 

すべての変数がすでに定義されていることを前提としてください。

Answer 1

あなたは同じボタンクリックリスナーにあなたは私たちがなぜ知っているために示さ足りないとして、これはどのように発生するかを検討する必要があり、多数回

を追加しているようですね。それはおそらく他のイベントハンドラの中に組み込まれていますか？あるいは、何度も呼び出される関数で？

回避策は

$(".button").off('click').on("click"...