jQuery添加类有效,但删除没有

时间:2017-03-09 18:28:58

标签: javascript jquery

我试图添加并随后删除一些类,因为用户点击按钮(.header_hamburger),使用以下jQuery代码,我可以添加这些类(并删除一个),但我遇到问题反转我的动作(删除类并只添加一个),以便我尝试切换的侧面菜单(我的情况)可以随着用户点击而消失。

<div class="header header--mic">
    <div class="header__inner">
        <div class="header__hamburger" id="button-add">
            <div id="box" class="nav-icon"></div>
        </div>
    </div>
    <div class="header__site-nav">
        <div class="site-nav site-nav--hidden"></div>
    </div>
</div>


    <script type="text/javascript">
        $(document).ready(function() {
            $(document).on("click", ".header__hamburger", function() {
                $('div.nav-icon').addClass("nav-icon--x nav-icon--white");
                $('div.header.header--mic').addClass("header--site-nav-expanded");
                $('div.header__site-nav').addClass("header__site-nav--expanded");
                if ($('div.site-nav').hasClass("site-nav--hidden")) {
                    $('div.site-nav').removeClass("site-nav--hidden");
                }
            });
        });

</script>

2 个答案:

答案 0 :(得分:1)

您是否只能使用.scrollToRow(at: IndexPath(row: 0, section: 0), at: UITableViewScrollPosition.top, animated: false) 功能?

&#13;
&#13;
toggleClass()
&#13;
&#13;
&#13;

答案 1 :(得分:-2)

因为我看到你需要显示和隐藏一个元素 你可以这样做

$(".site-nav--hidden").hide();

 $(".site-nav--hidden").show();