Javascript 具有可选行和下拉列表的数据表

1） 在我当前的项目中，我使用具有可选行的数据表（单击以高亮显示/选择行）

2） 每行在最后一列中包含一个引导下拉列表

问题是：

当我单击该行时，该行被选中，这很好。但是，如果我单击下拉列表，该行也会被选中。我不想那样。我怎样才能做到这一点？！当我单击最后一列中的下拉列表时，是否有任何方法防止选中该行

我的下拉代码：

<div class="btn-group">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Aktion <span class="caret"></span></button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">OptionA</a></li>
        <li><a href="#">OptionB</a></li>
        <li><a href="#">OptionC</a></li>
    </ul>
</div>

---

我还没有测试过，但你可以试试，比如：

$('.dropdown-menu').click(function(e)) {
    e.preventDefault(); //or e.stopPropagation(); which should work better
});

---

我还没有测试过，但你可以试试，比如：

$('.dropdown-menu').click(function(e)) {
    e.preventDefault(); //or e.stopPropagation(); which should work better
});

---

我找到了解决办法。通过使用事件委托，我得到了加载ajax下拉列表的click事件的通知。然后我可以从表中的所有行中删除活动类

$(document).on("click", '.dropdown-toggle', function(event) { 
            console.log('clicked dropdown');
            $('#invoiceList tbody tr').removeClass('active');
        });

---

我找到了解决办法。通过使用事件委托，我得到了加载ajax下拉列表的click事件的通知。然后我可以从表中的所有行中删除活动类

$(document).on("click", '.dropdown-toggle', function(event) { 
            console.log('clicked dropdown');
            $('#invoiceList tbody tr').removeClass('active');
        });

---

谢谢，已经想到了这样的事情，但是两者（preventDefault和StopRopAgation）都不停止被选中的行：/谢谢，已经想到了这样的事情，但是两者（preventDefault和StopRopAgation）都不停止被选中的行：/