Question

我想知道是否有人可以提供帮助。我正在使用wrapbootstrap中的Bootstrap模板，称为“Black Pearl”。它包含一个下拉式菜单，结构如下;它会创建一个带有选项的菜单，您可以指定在单击主选项时下拉的子菜单 - 如下例所示。 “客户”是主要标题，点击客户后“新客户”会下降。

<ul class="side-menu shadowed">
    <li> <a class="navmenu" url="login.php?" href="#"><i class="icon-home"></i>Home</a>
    </li>
    <li class="submenu"> <a href=""><i class="icon-address-book"></i>Customers</a>
        <ul>
            <li><a href="#" url="cust_new.php?" class="navmenu">New Customer</a>
            </li>
        </ul>
    </li>
</ul>

我认为javascript运行这个......

/* --------------------------------------------------------
    Side Menu
-----------------------------------------------------------*/
(function(){
     $('.side-menu > li.submenu > a').unbind();
    $('.side-menu > li.submenu > a').click(function(e){
        e.preventDefault();
    if (!$(this).next('ul').is(":visible")) {
    $('.side-menu > li ul').slideUp(150);
    $(this).next('ul').slideDown(150);
    }
    else {
    $(this).next('ul').slideToggle(150);
    }


    });
})();

任何人都有任何想法如何从菜单外的链接切换菜单更改？

非常感谢：）

Answer 1

您可以找到目标menu触发器并以编程方式触发点击事件...

就像你想要触发客户菜单一样，为了方便选择元素，将一个Class添加到锚元素中，如下所示

<li class="submenu"><a href="" class="customers"><i class="icon-address-book"></i>Customers</a>

然后

$('a.customers').click()

如何从菜单外的链接触发Bootstrap模板手风琴样式菜单

1 个答案: