jquery - 在单击元素上禁用 jQuery 功能
问题描述
我正在使用此功能在我的网站上的选项卡之间自动旋转:
$(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
。有人可以帮忙吗。所以基本上都是关于禁用这个功能。
解决方案
您需要定义一个 var,比如说myInterval
,然后将其分配setInterval
给它,以便能够在单击clearInterval
时停止它#aanpak .tab_titles .tab
:
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);
});
推荐阅读
- jupyter-notebook - 即使在编辑 Jupyter Notebook 配置文件并重新启动它之后,默认目录也不会改变??有什么解决办法吗?
- reactive-programming - 将 Reactive Mongo 与 Webflux 一起使用时找不到 Bean 错误
- c# - 如何将一串数字“12345678”格式化为“1,23,45,678”
- java - Junit5 jpa存储库空指针异常
- django - django中视频流的流值和检测到的车牌号
- java - 我想在我的改造帖子请求中添加一个不记名令牌
- excel - 做while vba(需懂”)
- tfs - 在仅应用程序层向导上配置 TFS 2015
- azure - AzureResourceManagerTemplateDeployment 在部署作业中执行时找不到使用模式的模板
- xpath - xpath:如何仅选择当前子节点附近的父兄弟姐妹?