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 上的控制台说：未捕获的类型错误：document.ready 不是函数

Answer 1

此代码运行良好。

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

    }, function() {

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

slideToggle 不适用于 Wordpress

slideToggle is not working on Wordpress

javascript

wordpress

function

slidetoggle