jquery切換使鏈接工作eratically

我正在製作一個導航切換點擊下來，但是當我在我的移動設備上測試它打開鏈接，而不是隻顯示嵌套列表。我嘗試了一堆不同的東西，並廣泛搜索這個網站，但我無法弄清楚。jquery切換使鏈接工作eratically

http://www.duddywebdesign.com/doti < - 這是測試現場，這裏是標記

<nav> 
    <a href="#" id="menu-button" id="showmenu">&#9776; Menu</a> 
    <ul class="menu"> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">About</a></li> 
     <li><a href="#">Services</a> 
      <ul> 
       <li><a href="#">Microdermabrasion</a></li> 
       <li><a href="#">LED</a></li> 
       <li><a href="#">Massage</a></li> 
       <li><a href="#">Acupuncture</a></li> 
       <li><a href="#">Energy Work</a></li> 
       <li><a href="#">Packages</a></li> 
      </ul> 
     </li> 
     <li><a href="#">Blog</a></li> 
    </ul> 
</nav>

這裏是jQuery的：

$('#menu-button').click(function() { 
    $('.menu').slideToggle('fast'); 
    return false; 
}); 
$("li").has("ul").addClass("cursor");  
$('nav ul li a').click(function(e) { 
    if ($(this).hasClass("cursor")) { 
     e.preventDefault(); 
    } 
    $(this).next("ul").slideToggle("fast"); 
});

這是我一直在試圖調整最新的代碼，在此之前，導航中的鏈接都不會起作用。請幫忙，謝謝。

來源

2014-01-09 timduddy

爲了澄清，在移動，我想他們點擊「服務」，並把它展開列表，但它會彈出頁面服務。 – timduddy

這裏工作很好 - http://jsfiddle.net/K3uEc/。我不明白它是如何導航到另一個頁面的，因爲鏈接中沒有網址？ –

我正在實施這個到我工作的wordpress主題。該鏈接確實有一個URL在這個例子中，我頂部鏈接 – timduddy

嘗試：

$('#menu-button').click(function(e) { 
     $('.menu').slideToggle('fast'); 
     return false; 
    }); 

    $("li").has("ul").addClass("cursor"); 

    $('nav ul li a').click(function(e) { 
     if ($(this).hasClass("cursor")) { 
      $(this).next("ul").slideToggle("fast"); 

    } 
     e.preventDefault(); 

    });

來源

2014-01-09 09:40:51 edonbajrami

我只想要有一個子菜單不能工作的鏈接單擊時，當我嘗試這使得所有的鏈接不可點擊，也這使得點擊時子菜單不會切換。 – timduddy

jquery切換使鏈接工作eratically

回答

相關問題