javascript - jQuery slideToggle 不断重复

Question

我有一个简单的 jQuery 代码，如下所示:

$( "#resp-navigation" ).one("click", function() {
    $( "#navigation" ).slideToggle(500);
});

我的 HTML 看起来像这样:

<div id="resp-navigation"> ... </div>
<nav id="navigation"> ... </nav>

我的问题是，当我点击 #resp-navigation div 时，#navigation 一直在切换。有谁知道为什么？

谢谢。

Answer 1

如果您打算在每次有人点击“#resp-navigation”div 时切换“#navigation”div，则:

这个:$( "#resp-navigation").one

应该是:$( "#resp-navigation").on

然后它在这个 fiddle 中工作正常:

http://jsfiddle.net/us0dm62c/

但是，如果您的意图是只让“#navigation”div 切换一次(这样它就会消失并且不能再次显示)，那么您的代码完全可以做到这一点而无需修改，正如您在这个 fiddle 中看到的那样:

http://jsfiddle.net/gktnhhm5/