jquery - 如何检测导航按钮是否已被取消选择?

标签 jquery html css twitter-bootstrap

当按下 bootstrap 中的可折叠按钮时,我正在使用 jquery 添加一个类。我想要发生的是在再次按下按钮(隐藏菜单)时删除该类。

我的一个想法是添加一个计数?每次计数 % 2 == 0,删除/添加类等。这样行吗?

html:

<div class="container-fluid home">
        <img src="http://terrimoore.com/wp-content/uploads/2014/02/2014-02-06-los-angeles1.jpg" id="la" />

            <h1 class="jumbo-header">Enigma Audio</h1>

    </div>

j查询:

 $(document).ready(function(){

    $("#navbutton").click(function(){
        $("img").addClass("filtered");
    });
});

最佳答案

我想你会想要 .toggleClass("class-name");

 $(document).ready(function() {
   $("#navbutton").click(function() {
     $("img").toggleClass("filtered");
   });
 });

关于jquery - 如何检测导航按钮是否已被取消选择?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34818608/

相关文章:

javascript - 在页面加载时运行 ResponsiveVoice 语音

javascript - jquery:检测图像加载完成

jquery - 调整浏览器大小时的菜单按钮

html - 使用链接 rel "og:url"时可以省略 ="canonical"

javascript - 为什么我的 $().css({ "visibility": "visible"}) working?

当应用于 anchor 内的文本框时,jQuery stopPropagation 不起作用

javascript - clientWidth "lying",无法确定元素的实际宽度

javascript - iframe 或 div 上的透明三 Angular 形

html - &lt;!DOCTYPE html> 破坏了我的页面!为什么?

css - 水平 ul li 导航 Bootstrap