2015-05-13 43 views
0

我試圖在wordpress中添加切換菜單,但腳本不能正常工作 但在正常的網站上工作完美,當我嘗試將相同的腳本添加到WordPress模板不起作用時slideToggle不能在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不是一個函數

+0

它應該是這樣的:'jQuery的(文件)。就緒(函數($){'然後用'$( 「菜單切換。」)切換(函數(){' –

+0

感謝名單Rohil。但仍然不工作!,最終的代碼看起來像什麼? – iklas

回答

0

這個代碼是工作的罰款。

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

    }, function() { 

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

https://jsfiddle.net/bq73tqww/2/ – vel

+0

謝謝你vel但不工作 – iklas

+0

謝謝@vel但不是在wordpress上工作此功能正在工作PHP的正常網站,但在WordPress的不工作屏幕截圖顯示錯誤 [鏈接](https://drive.google.com/file/d/0B0tbAXwjk3SzYUpOb1RoMmxoNjg/view) – iklas