javascript - Bootstrap Dropdown 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") 将选择任何页面中的下拉菜单。您需要通过查找与单击的 anchor 标记相关的下拉列表来缩小选择器的结果范围，如下所示:

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