Javascript 引导拆分按钮下拉列表：防止重叠单击事件的编程访问

我有一个表，每行有一个点击事件来打开一个模式，我希望在表中为一些使用引导的拆分按钮创建一列操作

问题在于tr点击事件干扰了拆分按钮点击事件

单击表格行，您将看到表格行模式 单击action按钮，您将看到单独的action模式 但是，单击“拆分组”按钮的下拉列表，它将打开下拉列表并打开表格行

原因是onclick函数重叠

操作按钮onclick过去也有这个问题，所以我在按钮中添加了onclick stop传播，以防止重叠单击的发生

 onclick="$('#dd-modal').modal('show');event.stopPropagation();" 

这就解决了我的按钮问题，但是我的按钮下拉列表，我无法想出如何在不触发tr onclick事件的情况下以编程方式显示下拉列表

我认为

.trigger('click.bs.dropdown');

可能与此有关，但不确定如何实施

谢谢你的帮助

$（文档）.ready（函数（）{
$（“#表”）。在（“单击”、“tr”上，函数（）{
$（'#tr model'）。model({
背景：“静态”，
键盘：错误
});
});
});
函数开启器（）{
$（'dd model'）。model（'show'）；
}

我的名字
日期
行动
切换下拉列表











其他名字
日期
行动
切换下拉列表











&时代；
表行模式
表行模式

解雇
好啊
&时代；
分裂按钮模式
分裂按钮模式

解雇
好啊

您可以快速检查目标的标记名，并忽略它是按钮还是父项是按钮（如果您碰巧在“span”中单击插入符号图标），以快速解决此问题

使用此if语句包装模态开始调用，检查目标类型

$("#table").on("click", "tr", function (e) {
    if (e.target.tagName !== "BUTTON" && e.target.parentElement.tagName !== "BUTTON") {
      $('#tr-modal').modal({
        backdrop: 'static',
        keyboard: false
      });
    }
}

将文档就绪js的内容替换为

注意：注意第一行中的事件参数

function (e)

---

非常感谢，它考虑到了我刚刚读到的有关停止传播的危险的内容