2010-12-15 19 views
0

我想在wordpress菜單上刪除功能wp_list_pages()上的自動href鏈接,但我不想刪除子菜單中的href表單,只能從頂部菜單刪除wordpress上的菜單頂部的href

例如:

<li><a href="www.games.co.il">Games-not remove thr href</a> 
    <ul> 
    <li><a href="www.x4.co.il">Menu0-remove the auto href</li> 
    <ul> 
     <li><a href="www.x1.co.il">sub-menu 1-do not remove the auto href</a></li> 
     <ul> 
      <li><a href="www.ddd.co.il">**not** remove the href</li> 
     </ul> 
     <li><a href="www.x1.co.il">sub-menu 2 not-remove the auto href</li> 
    </ul> 
    </ul>  
</li> 
+3

假設包含下拉菜單:不要那麼做。這意味着該鏈接仍然可以在中間點擊以及JavaScript不可用時運行。 – Quentin 2010-12-15 19:30:52

回答

1

目標在李的是主列表的直接子鏈接..

$("ul#menu > li a").removeAttr("href"); 

http://api.jquery.com/child-selector/

或者離開網址在他們的地方和返回虛假..

$("ul#menu > li a").click(function(){ return false; }); 

該URL仍然會出現在瀏覽器中,但單擊該鏈接將不會執行任何操作(如果JS已啓用)。

1

正如戴維·多沃德指出, 「停止想要的!」。

你能做什麼,是在你的主頁上重定向到第一個子項目(通常是概述等)。如果有人禁用JS,並且下拉/懸停菜單仍然有效,這最適合用於兼容性。

或者在主頁面內容中包含一個子菜單,這將幫助用戶在不犧牲可用性的情況下輕鬆導航到所需的位置。

+0

這不是回答我的問題,我怎麼可以黑客菜單刪除h ref只從特定的菜單,謝謝。 – ROI 2010-12-16 09:05:27

0

使用jQuery: 事情是這樣的:

$("ul#menu li:first a").removeAttr("href");