jQuery / Bootstrap禁用按钮

D3181

嗨,我一直在寻找使用JQuery的解决方案,或者通过修改twitter bootstrap类来防止按钮执行其onclick动作(也就是将其禁用)。但是,到目前为止发现的结果iv不能正确执行,并且大多数情况下只是看起来被禁用,而仍然可以正确执行:

$("#previous").prop('disabled', true);
$("#next").prop('disabled', true);

目的是防止在选项卡索引太高或太低时交换选项卡。大多数其他解决方案似乎包含大量看似不必要的Java脚本,而这些JavaScript似乎相对简单。

像这样:

$("#previous").click(function() {
  var me = $(this);
  me.unbind( "click");            
})

应该删除绑定的函数,但是,这也意味着当Tab索引增加时也重新附加事件。是否有一个更简单的解决方案可用来暂时禁用按钮或仅阻止执行默认操作而不删除事件或不显示按钮元素?

任何帮助,将不胜感激 :)

埃里克·加拉尼(Erick Gallani)

如果您使用的是Twitter Bootstrap,那么确实已经为您实现了此行为。

您只需要更改.disabled要禁用的元素的类

喜欢:

$("#previous").addClass('disabled');

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用jQuery远程启用/禁用Bootstrap按钮?

来自分类Dev

jQuery的禁用每个按钮

来自分类Dev

通过jQuery禁用按钮

来自分类Dev

禁用/启用按钮-jQuery

来自分类Dev

jQuery功能启用禁用按钮

来自分类Dev

单击JQuery后禁用按钮

来自分类Dev

带jQuery Mobile的禁用按钮

来自分类Dev

在jQuery中禁用此按钮

来自分类Dev

禁用按钮上的jQuery UI工具提示

来自分类Dev

无法使用jQuery禁用Twitter引导按钮?

来自分类Dev

禁用jQuery数据表中的按钮

来自分类Dev

在jQuery中禁用然后启用按钮

来自分类Dev

如何在jQuery中启用/禁用按钮?

来自分类Dev

单击按钮时暂时禁用悬停(jQuery)

来自分类Dev

如何使用JQUERY禁用PHP中的按钮?

来自分类Dev

单击按钮后不会禁用jQuery道具

来自分类Dev

jQuery Mobile <a>数据角色按钮已禁用

来自分类Dev

使用jQuery启用禁用的单选按钮列表

来自分类Dev

禁用jQuery数据表中的按钮

来自分类Dev

如何使用jQuery禁用提交按钮

来自分类Dev

在JQuery中使用“最近”禁用单选按钮

来自分类Dev

通过knckoutjs单选按钮禁用jquery datepicker

来自分类Dev

为什么我的 jquery 按钮不会禁用

来自分类Dev

JQuery 禁用按钮不起作用

来自分类Dev

基于输入值启用/禁用 jQuery 按钮?

来自分类Dev

jquery中禁用和启用按钮

来自分类Dev

Bootstrap模式按钮单击jquery

来自分类Dev

如何禁用Bootstrap表单验证(无jQuery)?

来自分类Dev

Bootstrap Tabs禁用和使用jQuery