Popover 中的级联下拉菜单

Question

我在弹出框内实现下拉菜单时遇到问题。我查看了引导程序文档并尝试了从弄乱数据切换类到尝试使其工作的所有方法，但什么也没发生。

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

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

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

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

提前谢谢你。

Answer 1

问题是弹出框会在DOM中创建一个带有弹出框内容的新div，所以在你的js中，你已经将点击事件分配给了一个从未使用过的元素。如果您检查代码，您会看到有两个“单击此处”锚点。要解决您的问题，您必须使用不同的表单分配事件点击。我为你创建了一个新的 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){});

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