Javascript Popover中的级联下拉列表

我在popover中实现下拉菜单时遇到问题。我看过引导文档，尝试了各种方法，从搞乱数据切换类到让它工作，但什么都没有发生

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

但是在这个链接中，我试图将与link1中的代码相同的内容放入一个popover中，它失去了级联功能

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

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

---

提前谢谢。

问题是，popover将在

DOM

中使用popover内容创建一个新的div，因此在you js中，您已将click事件指定给从未使用过的元素。如果你检查代码，你可以看到有两个“点击这里”锚。要解决您的问题，您必须使用不同的表单分配事件单击。我为您创建了一个新的JSFIDLE 要将事件分配给将来将创建的元素，必须使用此表单

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

在你的情况下，我改变了这一点

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

用这个

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

---

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

问题是，popover将在

DOM

中使用popover内容创建一个新的div，因此在您的js中，您已将click事件指定给从未使用过的元素。如果你检查代码，你可以看到有两个“点击这里”锚。要解决您的问题，您必须使用不同的表单分配事件单击。我为您创建了一个新的JSFIDLE 要将事件分配给将来将创建的元素，必须使用此表单

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

在你的情况下，我改变了这一点

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

用这个

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

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