無法調用setInterval兩次

Question

調用父元素的setInterval時，子元素的setInterval停止工作。我這是怎麼叫的setInterval

$.fn.__blink = function(color) { 
    self = $(this); 
    if (self.attr('data-blinker') == undefined) { 
     var blinker = setInterval(function() { 
      original_color = self.css('background'); 
      self.css('background', color).delay(300).queue(function(nxt) { 
       self.css('background', original_color); 
       nxt(); 
      }); 
     }, 1000); 
     self.attr('data-blinker', blinker); 
    } 
    return self; 
}; 

元素是一個導航菜單，子元素是一個菜單項

Answer 1

我能看到的是你已經創建self ABD original_color作爲全局變量的問題的子菜單，所以，當你調用__blink第二次original_color值可以通過第二呼叫

$.fn.__blink = function (color) { 
    var self = $(this); 
    if (self.attr('data-blinker') == undefined) { 
     var blinker = setInterval(function() { 
      var original_color = self.css('background'); 
      self.css('background', color).delay(300).queue(function (nxt) { 
       self.css('background', original_color); 
       nxt(); 
      }); 
     }, 1000); 
     self.attr('data-blinker', blinker); 
    } 
    return self; 
};