引导3 nav与子菜单

Question

我有一些问题试图让我的Bootstrap导航有一个子菜单。

我创建了这里的jsfiddle：http://jsfiddle.net/ho6ggmge/

注：这是使用的jsfiddle我的第一次，所以我不知道如何将引导文件的资源，所以我只是复制所有的CSS和JS进入那里的部分。

对于Javascript，我添加的所有东西都在代码的最底部，其余部分是bootstrap.js，我没有碰到它。

对于CSS而言，由于我编辑了bootstrap.css文件相当多，所以它更分散一些。如果您需要在CSS中找到任何具体内容，并且无法让我知道。子菜单的CSS全部位于代码的底部。

现在我的问题是，当我点击一个应该打开子菜单（Job Info> Signoffs）的链接时，整个下拉菜单关闭。

如果您检查元素，则可以看到.open类已添加到Signoffs链接，但它已从Job Info链接中删除。我需要他们同时开放。

我从我的代码：http://www.bootply.com/97919，并希望得到我的工作非常相似。

非常感谢您的帮助！

编辑：我没有看到这个在你的版本，但我把它出矿时下拉停止工作完全：

$(document).ready(function(){ 
    $('.dropdown-toggle').dropdown() 
}); 

Answer 1

你的jsfiddle是太混乱弄清楚发生了什么事情...所以这就是我所做的。

1. 用CDN包含的Bootstrap 3.2创建了一个新的jsFiddle。
2. 从您的jsFiddle包含您的HTML。
3. 包括来自bootply例如

结果是This jsFiddle这似乎正常工作的自定义CSS和JavaScript。所以我假设你的定制是造成这个问题的原因。

编辑：

寻找到它多一点后，你的问题是下面的代码。您正在追踪ul.dropdown而不是ul.dropdown-menu。添加-menu似乎可以解决您的jsFiddle中的问题。

Bootply示例。

$('ul.dropdown-menu [data-toggle=dropdown]').on('click', function(event) { 

您的代码

$('ul.dropdown [data-toggle=dropdown]').on('click', function(event) { 

Answer 2

物权法添加下面的代码在你的CSS。这适用于悬停....

ul.nav li.dropdown:hover > ul.dropdown-menu { 
    display: block;  
}