Css功能不起作用

Question

我正在编写此代码，首先toggle函数正在运行，但第二个切换不是。那是为什么？

<script type="text/javascript">
    $(document).ready(function(){
        $( ".navicon" ).click(function() {
            $( "#menu" ).slideToggle( "medium", function() {
            // Animation complete.
            });
        });
    });
    $(document).ready(function(){
        $('.navicon').toggle(function () {
            $("body").css({"overflow": "hidden !important"});
            $("#mobile_menu").css({"width": "100% !important"});
        });
    });
</script>

Answer 1

不推荐使用toggle（）方法，您需要使用替代方法，例如标记来描述“切换”状态。

一个松散的例子：

$('.myclass').click(function() {
if ($(this).hasClass('toggle')) {
doThis;
$(this).removeClass('toggle');
} else {
doThis;
$(this).addClass('toggle');
}
});

用$（document）.ready（）包装所有函数，而不是为每个函数执行。