Popover内的级联下拉菜单

Question

我在popover内实现下拉菜单时遇到问题。我已经看过bootstrap文档，并尝试了一切，从数据切换类的混乱，试图让它工作，但没有发生任何事情。

在第一个链接中，我有一个级联下拉菜单，点击链接后可以使用。 LINK1

但是在这个链接中，我试图将与link1中的代码相同的内容放入弹出窗口，并且失去了它的级联功能。 LINK2

我已经看过如何解决这个问题，要么通过实现手动点击处理程序或使用下拉切换，但没有运气。更具体地讲，我不知道如果我需要在同一类适用于其它子的下拉列表中，因为我做的这一个：

<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
Click Here <span class="caret"></span></a> 

预先感谢您。

Answer 1

问题是弹出窗口会在带弹出窗口内容的DOM中创建一个新的div，因此在您js中，您已将click事件分配给一个从不使用的元素。如果你检查代码，你可以看到有两个“点击这里”锚点。要解决您的问题，您必须使用不同的表单分配事件点击。我创建了一个新的jsfiddle你 http://jsfiddle.net/nB4U6/1016/ 要指定一个事件，元素将在未来创造你必须使用这种形式

$(staticAncestors).on(eventName, dynamicChild, function() {}); 

在你的情况我已经改变了这个

$(".dropdown-menu > li > a.trigger").on("click", function(e) {}); 

与这

$('body').on("click",".dropdown-menu > li > a.trigger",function(e){}); 

事件将被绑定到已存在的身体。