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> 

注：对铬控制台说：遗漏的类型错误：的document.ready不是一个函数

Answer 1

这个代码是工作的罚款。

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

    }, function() { 

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