我在弹出式窗口中实现下拉菜单时遇到问题。我查看了引导程序文档,并尝试了所有操作,从弄乱数据切换类到使其正常工作,都没有发生。

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

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

我已经研究了如何解决此问题,无论是通过实现手动单击处理程序还是使用下拉切换按钮,都没有运气。更具体地说,我不确定是否需要像对这个子下拉菜单一样将相同的类应用于其他子下拉列表:

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


先感谢您。

最佳答案

问题在于弹出框将在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){});


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

关于javascript - Popover中的级联下拉菜单,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41683652/

10-12 16:22
查看更多