Funktion innerhalb if Anweisung mehrmals ausgeführt

Question

Ich habe ein Containerelement, das mehrmals geladen wird, um variablen Inhalt auf einem Klickereignis durch eine Ajax-Anfrage und nach Ajax zu zeigen Complete ich habe einige Funktionen aufgerufen einschließlich einer Funktion (A) innerhalb eine if-Anweisung.

Mein Problem ist, wenn Funktion (A) schließlich aufgerufen wird, wird es mehrmals aufgerufen, je nachdem wie oft der Container geladen wurde, bevor die if-Anweisung wahr ist.

ist hier einfache Version meines Code:

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

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

x ist ein Element $(".x"), die in den Container geladen werden und die Funktion (A) sollte nur aufgerufen werden, wenn das Element geladen wird. d. h. $(".x").length>0

Wenn (x.length> 0) wahr ist, sagen wir dreimal Laden des Containers, dann wird die Funktion (A) dreimal aufgerufen.

gibt es einen Weg um dies oder einen Weg, um sicherzustellen, dass Funktion (A) nur einmal aufgerufen wird ??

Edit: Mein vollständiger Code:

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(); 
      } 
     }); 
}; 

bitte davon aus, dass alle Variablen sind bereits definiert.

Answer 1

Es klingt wie Sie den gleichen Knopf klicken Zuhörer mehrmals das Hinzufügen sind

Sie sehen sollten, wie sich dies der Fall ist, da es nicht genug ist, gezeigt für uns zu wissen, warum. Ist es vielleicht in einen anderen Event-Handler eingebettet? Oder in einer Funktion, die mehrmals aufgerufen wird?

Eine Abhilfe ist, die Klick-Listener zu entfernen, bevor Sie eine neue

ändern

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

zu

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