第二次點擊時鏈接處於活動狀態

Question

我的手機網站中的菜單導航有一些棘手的情況。 剛纔說了，我有這種菜單導航在我的網站：

菜單：測試（鏈接：www.test.com）

子菜單：-Test1（鏈接：www.test.com/測試1）

子菜單：-Test2（鏈接：www.test.com/test2）

子菜單：-Test3（鏈接：www.test.com/test3）

「測試」菜單用於關注jquery功能，所以當我們點擊Test時，它會激活切換功能並顯示th e子菜單「測試1，測試2和測試3」

但是如果「測試」菜單裏面有一個鏈接（鏈接到www.test.com），那麼如果我們打算切換菜單通過點擊「測試」菜單，它將導致網站去www.test.com。

任何人都有想法來克服這種情況？ 對不起英文或插圖。

問候

Answer 1

使用e.preventDefault()e.stopPropagation()或爲該

實施例：http://jsfiddle.net/Tg2uz/

<a href="http://jquery.com">default click action is prevented</a> 
<div id="log"></div> 
<script> 
$("a").click(function(event) { 
event.preventDefault(); 
$("<div>") 
.append("default " + event.type + " prevented") 
.appendTo("#log"); 
}); 
</script>