jquery - jQuery:将.toggle添加到<a>使其消失

我有

<a id="autoUpdate">Auto-Update: ON</a>

和

$('#autoUpdate').toggle(function(){
alert('a');
}, function(){
alert('b');
})

页面加载时，完整的<a> -Tag将显示：无，并且会警告'b'！
我应该补充一点，如果这很重要，并且该链接位于顶部导航中，那么这是使用Twitter Bootstrap处于开发阶段的网站。
顺便说一句，如果我将a-tag更改为<p> f.e.一切似乎都很好。

最佳答案

您正在使用不推荐使用的.toggle函数。在jQuery> = 1.9.0中已将其删除，因此，如果您使用的是该版本，则此代码将改为调用.toggle动画函数，其中第二个函数是回调（在这种情况下将立即执行）。

相反，您应该自己实现以下功能：

var toggleState = true;
$('#autoUpdate').on("click", function() {
  if(toggleState) {
    alert('a');
  } else {
    alert('b');
  }
  toggleState = !toggleState;
});