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

How to trigger a Bootstrap Template accordion style menu from a link outside the menu

本文关键字:菜单 Bootstrap Template 接触 手风琴 链接      更新时间:2023-09-26

我想知道是否有人能帮忙。我正在使用wrappebootstrap中的Bootstrap模板,名为"Black Pearl"。它包含一个下拉式菜单,其结构如下所示;它创建了一个带有选项的菜单,您可以指定子菜单,当单击主选项时,子菜单会下拉,如下例所示。"客户"是主标题,当点击客户时,"New Cutomer"会下降。

<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);
    }

    });
})();

有人知道我如何从菜单外的链接切换菜单更改吗?

非常感谢:)

您可以找到目标menu触发器并通过程序触发点击事件。。。

就像你想触发客户菜单一样,为了方便选择元素,在下面的中添加一个Class到锚元素

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

然后

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