jquery addClass()来启用一个按钮作为链接
jquery addClass() to enable a button as a link
在页面加载时,我有一个类附加到一个名为.link-active
的引导程序<button>
上,我用它使<button>
充当与以下脚本的链接:
$('.link-active').click(function(){
window.location='foo.php';
});
但是,当我使用removeClass()
成功删除.link-active
类时,单击该按钮时,该按钮将继续充当链接,并将我带到foo.php
,即使该类不在那里。关于我做错了什么有什么想法吗?
在删除类之前,还应该删除事件:
$('.link-active').off('click');
或者使用链接:
$('.link-active').off('click').removeClass('link-active');
它之所以能继续工作,是因为附加的事件已经引用了它所附加的元素。它不会每次都查询DOM。如果你不想删除事件,你可以使用事件委派来附加事件,然后它就会按照你想象的方式工作。
$('body').on('click', '.link-active', someFunction);
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 代码背后调用一个JavaScript函数的按钮点击-C#
- 禁用旋转木马中的下一个按钮和上一个按钮
- 做一个复活节彩蛋,JS动作点击5个按钮
- 如何在用户返回和上一个按钮时刷新下拉列表
- 测试一个简单的javascript按钮
- 如何创建一个“;显示更多“;按钮,并指定最初可以显示的文本行数
- 简单的垂直上一个和下一个按钮代码点击上下移动jQuery
- 按下一个HTML按钮,该按钮使用一个功能在同一个新窗口中打开URL
- HTML5历史记录-返回上一个完整页面按钮
- 两个提交按钮(一个隐藏,一个可见)
- 击倒阵列按钮一个功能
- 如何为jQuery中的每个数组元素附加不同的动画效果?并用2个按钮一个接一个地向前和向后设置动画(后退和下一步)
- 两个按钮一个窗体
- 如何提交单个表单并使用两个提交按钮一个按钮单击然后验证
- Jquery表单-两个按钮-一个使用ajax,一个不使用
- 多个PHP按钮?(一个按钮是提交按钮,其他按钮是函数)
- PHP表单- 2个按钮(一个销毁会话和重新加载页面和一个继续到下一页)
- 给按钮一个类,并使用javascript来挑选点击事件不工作