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

回答

相关问题