如何从菜单外的链接触发Bootstrap Template手风琴式菜单
How to trigger a Bootstrap Template accordion style menu from a link outside the menu
我想知道是否有人能帮忙。我正在使用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()
相关文章:
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- Bootstrap Dropdown selection是在*all*下拉菜单上设置选择
- 为什么引导程序下拉菜单只有在包含bootstrap-responsive.css时才起作用
- Twitter Bootstrap 2.1.0子菜单在Responsive上看起来很混乱
- Bootstrap下拉菜单不起作用
- 在BootStrap菜单栏中为所选项目设置背景,类似于BootStrap中的父导航选项
- Javascript-悬停时的Bootstrap下拉菜单打开子菜单的所有菜单级别
- Jasny bootstrap Off Canvas菜单:如何在导航栏下强制菜单滑动
- 潜水没有在Bootstrap/Javascript复选框菜单中排队
- 在Bootstrap下拉菜单中设置默认值
- Bootstrap下拉菜单不会'不起作用
- WordPress和Bootstrap:下拉菜单不起作用
- Bootstrap下拉菜单中的复选框允许多个复选框而不是一个
- bootstrap超级菜单,如何更改为onclick功能和手机下拉项
- Bootstrap Collapse.js切换菜单的隐藏/显示
- Bootstrap下拉菜单不选择元素.需要下拉按钮组设计
- 当屏幕宽度减小时,Bootstrap Form下拉菜单停止工作
- bootstrap/javascript下拉菜单在heroku上不起作用
- 使用css转换的带有Bootstrap和jquery的菜单
- Bootstrap下拉菜单-仅复选框不选择文本