Jquery：将.toggle添加到<a> makes it disappear</a>

Question

我有

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

和

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

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

Answer 1

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

相反，您应该自己实现这样的功能：

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