Question

我有一个由Joomla 3.1通过创建菜单生成的html标记：

<ul class="nav menu">
    <li class="item-106 first deeper parent">
        <a href=""><span>MENU 1</span></a>
        <ul class="nav-child unstyled small">
            <li>
                <a href=""><span>SUB-MENU 1</span></a>
                <a href=""><span>SUB-MENU 2</span></a>
                <a href=""><span>SUB-MENU 3</span></a>
            </li> 
        </ul>
    </li>
    <li class="item-111 first deeper parent">
        <a href=""><span>MENU 2</span></a>
        <ul class="nav-child unstyled small">
            <li>
                <a href=""><span>SUB-MENU 4</span></a>
                <a href=""><span>SUB-MENU 5</span></a>
                <a href=""><span>SUB-MENU 6</span></a>
            </li> 
        </ul>
    </li>
</ul>

是否可以在其上应用bootstrap可折叠组菜单，而无需添加额外的类/属性，如：

class =“accordion-toggle”data-toggle =“collapse”data-parent =“＃accordion2”href =“＃collapseOne”...
如果问题1的答案是否定的：我如何在生成的html标记上添加这些额外的东西

感谢您的帮助。

Answer 1

我认为你已经包含了所有需要的引导程序文件应用bootstrap类的更好方法是菜单加载（通过菜单模块覆盖）但是，你仍然可以采用另一种方式，例如：

$('.deeper').addClass('accordion-toggle');

如果您需要将新属性（例如，data-toggle属性）添加到元素：

$('.deeper').attr('data-toggle', 'collapse');

在普通的ul列表上应用twitter bootstrap collapse插件

1 个答案: