Popover中的级联下拉菜单

Question

我在popover中实现下拉菜单时遇到了问题。我已经查看了引导程序文档，并尝试了一切方法，从处理数据切换类到尝试使其正常工作，但什么都没有发生。

在第一个链接中，我有一个级联下拉菜单，单击该链接后即可工作。LINK1

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

我已经研究了如何解决这个问题，无论是通过实现手动点击处理程序还是使用下拉切换，但都没有成功。更具体地说，我不确定是否需要将相同的类应用于其他子下拉菜单，就像我对这个子下拉菜单所做的那样：

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

提前谢谢你。

Answer 1

问题是popover会在DOM中创建一个带有popover内容的新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){});

该事件将被绑定到已经存在的主体。