Как запустить функцию после того, как элемент был найден с помощью JQuery/Javascript

Question

Есть ли способ, которым я могу запустить функцию один раз после того, как определенный элемент был найден?

Я попытался это:

setInterval(function() { 
    if ($('.imagewrapper').length) { 
      self.carousel(); 
    }  
}, 1000) 

Таким образом, он проверяет мою страницу продолжительную если .imagewrapper элемент exisit, и если да, то он должен выполнить функцию self.carousel(). Проблема в том, что таким образом, как только элемент существует, он непрерывно выполняет эту функцию. Есть ли способ?

ps: setInterval -исход должен быть там.

Answer 1

Try:

(function delay() { 
    if ($('.imagewrapper').length) { 
     self.carousel(); 
    } else { 
     setTimeout(delay, 1000); 
    } 
})(); 

или если вам нужно setInterval:

var interval = setInterval(function() { 
    if ($('.imagewrapper').length) { 
     self.carousel(); 
     clearInterval(interval); 
    } 
}, 1000); 

Answer 2

Это легко:

// set ran to false when you load the page 
ran = false; 
setInterval(function() { 
    // only do your stuff when you haven't do yet (ran==false) 
    if (!ran && $('.imagewrapper').length) { 
    self.carousel(); 
    // when you did it for the 1st time set ran to true, so next time you don't enter the if. 
    ran = true; 
} }, 1000) 

// but even better to stop the timer after you entered the if for the 1st time: 
timer = setInterval(function() { 
    // only do your stuff when you haven't do yet (ran==false) 
    if ($('.imagewrapper').length) { 
    self.carousel(); 
    // when you did it for the 1st time delete the timer 
    clearInterval(timer); 
} }, 1000) 

Answer 3

Вы ищете waitUntilExists https://gist.github.com/buu700/4200601 Таким образом, это будет что-то подобное работает :

$(someselect).waitUntilExists(function(){ 
    var that = $(this); 
    // do some code 
})