0

我想根据单击或鼠标悬停的菜单元素显示图像。

为了使用 JQuery 处理 li 元素，菜单的每个元素都有一个不同的 id 会很方便。

我如何用与其标题对应的 id 来包装菜单的每个元素？有什么替代方法可以使这个工作吗？

到目前为止，我的函数调用是这样的：

if ( function_exists('has_nav_menu') && has_nav_menu('red sea') )
  {
    wp_nav_menu( array( 
       'depth' => 4,
      'sort_column' => 'menu_order', 
       'container' => 'ul', 
       'menu_id' => 'nav', 
        'menu_class' => 'fr',
        'theme_location' => 'pages mer rouge',
        'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>' ) );
    }

我不知道 %1$s 或 %2$s 是什么意思？

4

2 回答 2

3

Wordpress 已经在您的菜单中添加了 ID。只需在浏览器中查看您网站的代码......它看起来像这样：

<li id="menu-item-17" ...>Title1</li>
<li id="menu-item-18" ...>Title2</li>
<li id="menu-item-19" ...>Title3</li>
<li id="menu-item-20" ...>Title4</li>

您可以使用这些 ID 为每个列表项添加不同的行为；）

于 2013-08-01T17:15:38.687 回答
1

每个 Wordpress 页面都有一个唯一的 ID。右键单击并检查您网站上的元素以查看它的 id，或者转到您的 wordpress 页面，您应该在那里找到 page-item-id。这被分配为 wp-nav-menu 中每个列表项的 id。这几乎是为每个项目设置样式的唯一好方法。或者，如果您的菜单不会改变，您可以尝试使用nth-child ......希望它有所帮助。

于 2013-08-01T17:26:16.600 回答