在点击元素上禁用 jQuery 功能

Question

我正在使用此功能在我网站上的选项卡之间自动旋转：

$(function(autorotate) {
  var lis = $("#aanpak .tab_titles .tab"),
   currentHighlight = 0;
   N = 5;//interval in seconds
    setInterval(function() {
      currentHighlight = (currentHighlight + 1) % lis.length;
 lis.removeClass('active_tab').eq(currentHighlight).addClass('active_tab');
  }, N * 1000);
});

工作正常。但是如果我点击 #aanpak .tab_titles .tab，我希望这个功能被禁用。有人可以帮忙吗？所以基本上都是关于禁用这个功能。

Answer 1

你需要定义一个var，比如myInterval，然后将setInterval分配给它，以便能够在[=14=时使用clearInterval停止它] 被点击：

var myInterval;
$(function(autorotate) {
   var lis = $("#aanpak .tab_titles .tab"),
   currentHighlight = 0;
   N = 5; //interval in seconds
   myInterval = setInterval(function() {
      currentHighlight = (currentHighlight + 1) % lis.length;
      lis.removeClass('active_tab').eq(currentHighlight).addClass('active_tab');
   }, N * 1000);
});
$("#aanpak .tab_titles .tab").on('click', function(){
    clearInterval(myInterval);
});

在点击元素上禁用 jQuery 功能

Disable jQuery function on click element

jquery

function

disable