使用Jquery / Javascript找到元素后如何运行函数

Question

找到特定元素后，是否可以通过一种方法来运行函数？

我尝试了这个：

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

因此，它将连续检查我的页面是否存在.imagewrapper元素，如果存在，则应运行self.carousel()函数。 问题在于，这样，一旦元素存在，它就会连续运行该功能。 有办法吗？

ps： setInterval方法必须存在。

Answer 1

尝试：

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