如何使移动视图导航栏引导像一个正常的菜单
问题描述:
http://www.bootply.com/y1iaZwCCct如何使移动视图导航栏引导像一个正常的菜单
我用在我的网站这个菜单,但不能更改默认设置。我需要一个jQuery脚本,它在移动视图中为菜单提供了两件事情。
- 关闭,当我点击一个链接。
- 关闭,当我点击菜单外。
我是新来的jQuery,所以任何帮助,将不胜感激。谢谢。
答
找到了解决办法......
- 使用
data-toggle="collapse"
和data-target=".in"
上a
标签都有效或列表元素点击一个链接时关闭菜单。 -
该代码以关闭菜单,当我们点击菜单
$(document).click(function (event) { var clickover = $(event.target); var $navbar = $(".navbar-collapse"); var _opened = $navbar.hasClass("in"); if (_opened === true && !clickover.hasClass("navbar-toggle")) { $navbar.collapse('hide'); } });
答
之外也试试这个代码..我的作品
$(document).mouseup(function (e) {
e.preventDefault();
var container = $(".container-fluid");
if (!container.is(e.target) && container.has(e.target).length === 0) {
$(".navbar-collapse").collapse('hide');
}
});
$(".navbar-nav li a").click(function(e){
e.preventDefault();
$(".navbar-collapse").collapse('hide');
});
那你试过吗? – madalinivascu
我需要一个能够完成上述两件事情的脚本。我只能在单击链接时关闭菜单,而不能在菜单外单击时关闭菜单。 – Rajath
我在点击链接时使用了data-toggle =“collapse”data-target =“。in”来关闭菜单,但我还希望菜单在用户点击菜单之外时关闭 – Rajath