wp導航菜單添加圖像後特定LI

<div id="menubar"> 
     <ul id="menu"> 
      <li><a href="#">HOME</a></li> 
      <li><a href="#">ABOUT US</a></li> 
      <li><a href="#">EVENTS</a></li> 
      <li><a href="#">CLIENTS</a></li> 
      <li><a href="#">CAREER</a></li> 
      <li class="last-child"><a href="#">CONTACT US</a></li> 
     </ul> 
    </div><!-- menubar -->

這裏是我的菜單結構使用wp_nav_menu，我可以在li之前或之後使用'link_before'=>添加圖像。但我只想在我的EVENTS li之後留下一張圖片，該怎麼做？請幫忙，謝謝。wp導航菜單添加圖像後特定LI

來源

2012-08-03 Hareesh

你要放什麼類型的圖像？一個邊框或一些大的圖像？ – Libin 2012-08-03 08:47:59

的最大20X20 – Hareesh 2012-08-03 09:07:15

的WordPress菜單的特色是，菜單中的每個元素都有一個唯一的ID。所以，只需選擇項目「EVENTS」的唯一ID並將其應用到它。

使用Chrome檢查元素或螢火蟲採取事件菜單的ID

CHECK THIS FIDDLE。

在此，我把事件的唯一ID menu-item-3，並把背景圖像與位置正確。

希望這會幫助你。

來源

2012-08-03 09:13:01 Libin

嘗試......我希望這是你想要的。

$('#menu li:contains("EVENTS")').after('<img src="Your img source" alt="ALT tag"/>');

FIDDLE

來源

2012-08-03 08:04:58 Vins

的小圖標它不工作，也是我的其他的jQuery腳本墜毀。:( – Hareesh 2012-08-03 08:38:03

檢查其工作吶，給我你的網站鏈接或發佈你試過什麼小提琴。 – Vins 2012-08-03 08:40:12

是小提琴的工作，我谷歌TE代碼和您的答案是正確的，但它的工作不適合我，我很局部，'<腳本類型=「文/ JavaScript的」> $（文件）。就緒（函數（）{ $（「＃工作（'last-child'）。addClass（「last-child」）; //選擇最後一個菜單項聯繫我們 $（'＃menu-home li a：contains（「EVENTS」）'）（''）; }）;//主要功能結束 '，這裏是我的jquery – Hareesh 2012-08-03 09:10:13

wp導航菜單添加圖像後特定LI

回答

相關問題