douzhiling3166
2016-02-23 07:08
采纳率: 100%
浏览 79
已采纳

将Bootstrap类/样式添加到Wordpress wp_list_pages菜单项

I have some code that generates a sidebar menu on my Wordpress site as below...

<ul>
    <?php
    if($post->post_parent)
        $children = wp_list_pages("title_li=&sort_column=menu_order&child_of=".$post->post_parent."&echo=1");
    else
        $children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=1");
        if ($children) { ?>
            <?php echo $children; ?>
        </div>
    <?php } ?>
</ul>

This outputs code in the following way...

<ul>
    <li class="page_item page-item-94 current_page_item"><a href="#">Menu Item</a></li>
</ul>

The problem is, I need it to use my Bootstrap 3 styles and output the list as below...

<div class="list-group submenu">
    <a href="#" class="list-group-item">Menu Item</a>
</div>

Basically I need to add the class of list-group-item to the a tag in the output list items. Is that at all possible?

图片转代码服务由CSDN问答提供 功能建议

我有一些代码在我的Wordpress网站上生成侧边栏菜单,如下所示... &lt; ul&gt; &lt;?php if($ post-&gt; post_parent) $ children = wp_list_pages(“title_li =&amp; sort_column = menu_order&amp; child_of =”。$ post-&gt; post_parent。“&amp; echo = 1”); else $ children = wp_list_pages(“title_li =&amp; child_of =”。$ post-&gt; ID。“&amp; echo = 1”); if($ children){?&gt; &lt;?php echo $ children; ?&gt; &lt; / div&gt; &lt;?php}?&gt; &lt; / ul&gt;

以下列方式输出代码 ...

 &lt; ul&gt; 
&lt; li class =“page_item page-item-94 current_page_item”&gt;&lt; a href =“#”&gt;菜单 项目&lt; / a&gt;&lt; / li&gt; 
&lt; / ul&gt; 
   
 
 

问题是,我需要它来使用我的Bootstrap 3样式并输出列表 如下所示...

 &lt; div class =“list-group submenu”&gt; 
&lt; a href =“#”class =“list-group-item  “&gt;菜单项&lt; / a&gt; 
&lt; / div&gt; 
   
 
 

基本上我需要将list-group-item类添加到a标签中 输出列表项。 那可能吗?

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • duancanjiu3754 2016-02-23 07:26
    已采纳

    You can do this through jquery

    $(document).ready(function(){
        $("ul").find("li").each(function(){
          $(this).addClass("YourClass");
        })
    })
    
    评论
    解决 无用
    打赏 举报
  • 查看更多回答(1条)

相关推荐 更多相似问题