切换类会禁用我的链接

Question

我有这个jquery：

$(".button").toggle(function() {
$(this).find(".button").addClass('disable');    
},
function(){
$(this).find(".button").removeClass('disable');
});

我的html for .button链接是：

<a class="button" href="/users/sign_up">

我的css禁用课程：

.disable {
          background: none repeat scroll 0 0 #F2F0F0 !important ;           
          border-color: #D1CDCD;
          color: #D1CDCD !important;    
          cursor:default;   
          text-shadow: 0 -1px rgba(34, 25,25,0.01)!important;                           
          cursor:pointer; box-shadow: none !important;
          }

单击按钮时为什么我不能去/ users / sign_up？ .disable类已添加并正常工作但未链接。

Answer 1

在jQuery documentation：

中找到了这个

  

该实现还会对事件调用.preventDefault（），因此链接   如果.toggle（）有，则不会被按下，也不会点击按钮   被称为元素。

在切换功能结束时手动打开页面很容易：

window.location = $(".button").attr('href');

这是一个example in JSFiddle。为了使其正常运行，我必须将$(this).find(".button")替换为$(".button)。