Bootstrap下拉JavaScript不起作用的多個下拉列表

我正在使用JavaScript來更改Twitter Bootstrap下拉菜單來選擇。我面臨的問題是該腳本適用於所有的領域。我怎樣才能修改它爲每個下拉菜單單獨工作？Bootstrap下拉JavaScript不起作用的多個下拉列表

$(".dropdown-menu li a").click(function() { 
    $(".btn-default-dropdown").html('<span class="pull-left">'+$(this).text()+'</span><span class="lx-icon icon-dropdown-arrow media-middle pull-right"></span>'); 
});

來源

2015-09-04 John Siniger

不知道如果我明白你的問題，有沒有多的下拉列表中的所有被點擊事件影響？ –

是的，一旦我選擇了下拉菜單，它就會改變它們全部。因爲它們都具有相同的類：btn-default-dropdown。所以我想修改腳本單獨工作。 –

你能給我們一個小提琴嗎？（如果steviekins還沒有回答） –

好像點擊事件函數最終將會影響其他的下拉列表中比你點擊一個，因爲選擇$(".btn-default-dropdown")是要選擇網頁中的任何下拉。你需要尋找與所點擊的錨標記，像這樣的下拉菜單來縮小選擇的結果：

$(".dropdown-menu li a").click(function() {  
    $(this).parent(".btn-group")...//find the element inside this group 
}

來源

2015-09-04 14:18:55

這個解決方案沒有被選中。下拉不選擇。 –

我必須將btn-group放在HTML代碼的腳本之外的某處嗎？初始化組？ –

@JohnSiniger你可以把你的HTML在你的問題？那麼我們可以重寫答案，以正確選擇你正在尋找的東西 –

Bootstrap下拉JavaScript不起作用的多個下拉列表

回答

相關問題