slideToggle在Wordpress上不起作用

Question

我嘗試在移動設備上的wordpress上添加切換菜單，但腳本無法正常運行，但在正常網站上運行正常，當我嘗試向wordpress模板添加相同的腳本時無法正常工作

這是腳本：

    <!--responsive toggle menu --> 
<div class="menu-toggle"><i class="fa fa-bars fa-2x"></i></div>
<!-- Script for show menu -->
    <script type="text/javascript">
(document).ready(function() {
    (".menu-toggle").toggle(function() {

    }, function() {

    }).click(function(){
        ("#togglenav").slideToggle("slow");
    });
});
    </script>
    <nav id="togglenav">
<ul>
<li><a href="<?=$site_url?>/" id="home">Home</a></li>
<li><a href="<?=$site_url?>/concerts/" id="concerts">Concerts</a></li>
<li><a href="<?=$site_url?>/sports/" id="sports">Sports</a></li>
<li><a href="<?=$site_url?>/theater/" id="arts_theater">Arts &amp; Theater</a></li>
</ul>
</nav>

注意：Chrome上的控制台說：Uncaught TypeError：document.ready不是一個函數

Answer 1

此代碼工作正常。

jQuery(document).ready(function() {
    jQuery(".menu-toggle").toggle(function() {

    }, function() {

    }).click(function(){
        jQuery("#togglenav").slideToggle("slow");
    });
});