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() 封装你的所有函数，而不是为每个单独的函数做。