Bootstrap下载JavaScript不适用于多个下拉菜单

Question

我正在使用JavaScript来更改Twitter Bootstrap下拉菜单以进行选择。我面临的问题是脚本适用于所有字段。如何修改它以便为每个下拉列表单独工作？

$(".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>');
});

Answer 1

您的点击事件功能似乎最终会影响您点击的下拉菜单，因为选择器$(".btn-default-dropdown")将选择页面中的任何下拉列表。您需要通过查找与单击的锚标记相关的下拉列表来缩小选择器的结果，如下所示：

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