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){}); 

事件將被綁定到已存在的身體。