添加javascript後鏈接無法正常工作

-1

我正在爲我的博客製作菜單。我添加了兩個jquery腳本以使該菜單正常工作，但添加後，我的博客上的其他鏈接將無法工作。我不知道代碼有什麼問題？如果點擊或點按，鏈接不起作用。博客託管在博客平臺上。添加javascript後鏈接無法正常工作

我的菜單代碼：已部署

<div class='top-nav'> 
    <span class='menu'> MENU </span> 
    <ul class='nav1'> 
     <li><a href=''>HOME </a></li> 
     <li><a href=''>HOME2</a></li> 
     <li><a href=''>HOME3</a></li> 
     <li><a href=''>HOME4</a></li> 
     <li><a href=''>HOME5</a></li> 
     <li><a href=''>HOME6</a></li> 
    </ul> 
    <!-- script-for-menu --> 
    <script> 
    $("span.menu").on("tap", function() { 
     $("ul.nav1").slideToggle(function() { 
      // Animation complete. 
     }); 
    }); 
    </script> 
    <!-- /script-for-menu --> 
</div>

jQuery的腳本：

<script src="http://code.jquery.com/jquery-1.11.3.min.js"/> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"/>

感謝您的幫助。

來源

2015-09-26 Pranav K

一切工作正常。不確定你想完成什麼https://jsfiddle.net/wqsb40zo/ – Jesse

由於沒有加載jQuery，博客收到錯誤。 – Barmar

@Barmar我沒有得到你！該頁面被加載100％。你想說的是在java加載中有問題嗎？ –

只是玩瞎子在這裏，因爲沒有工作撥弄去嘗試這方面的工作。我會建議，給予這樣的聽者被連接到只有MYMENU，而不是所有跨度類菜單的ID。

<div class='top-nav'> 
    <span id="myMenu" class='menu'> MENU </span> 
    <ul class='nav1'> 
     <li><a href=''>HOME </a></li> 
     <li><a href=''>HOME2</a></li> 
     <li><a href=''>HOME3</a></li> 
     <li><a href=''>HOME4</a></li> 
     <li><a href=''>HOME5</a></li> 
     <li><a href=''>HOME6</a></li> 
    </ul> 
    <!-- script-for-menu --> 
    <script> 
    $("#myMenu .menu").on("tap", function() { 
     $("#myMenu ul .nav1").slideToggle(function() { 
      // Animation complete. 
     }); 
    }); 
    </script> 
    <!-- /script-for-menu --> 
</div>

來源

2015-09-26 08:09:44 Cyril

這對我沒有用。我已經發布了我的博客的鏈接，也許你可以遇到問題。 –

如果我們把你的代碼，將值添加到鏈接的href並關閉腳本，並把它變成一個小提琴這裏的計算器，這是我們所得到的（工作聯繫）。請參閱下面的Run code snippet。其他的東西一定會弄亂你的代碼。你的博客的鏈接創建I幀和錯誤是在瀏覽器控制檯日誌 - >Uncaught ReferenceError: BLOG_CMT_createIframe is not defined

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
 

 
<div class='top-nav'> 
 
    <span class='menu'> MENU </span> 
 
    <ul class='nav1'> 
 
     <li><a href='?test=1'>HOME </a></li> 
 
     <li><a href='?test=2'>HOME2</a></li> 
 
     <li><a href='?test=3'>HOME3</a></li> 
 
     <li><a href='?test=4'>HOME4</a></li> 
 
     <li><a href='?test=5'>HOME5</a></li> 
 
     <li><a href='?test=6'>HOME6</a></li> 
 
    </ul> 
 
    <!-- script-for-menu --> 
 
    <script> 
 
    $("span.menu").on("tap", function() { 
 
     $("ul.nav1").slideToggle(function() { 
 
      // Animation complete. 
 
     }); 
 
    }); 
 
    </script> 
 
    <!-- /script-for-menu --> 
 
</div>

來源

2015-09-26 08:41:30 Jesse

添加javascript後鏈接無法正常工作

回答

相關問題