代码之家 › 专栏 › 技术社区 › rgoncalv

如何同时停止传播和允许模态?

bootstrap-modal events twitter-bootstrap jquery javascript

rgoncalv · 技术社区 · 8 年前

我在一排桌子上有两个按钮( <tr> )中。每当单击某个按钮时,我都有以下事件处理程序来阻止行接收单击。

$(".btn").on('click', function(e){
    e.stopPropagation();
})

这也阻止了模态打开。

我有以下按钮:

<tr> 
    <td>
        <a><button data-toggle="modal" data-target= "#emailModal" data-player="<%=JSON.stringify(player)%>" data-player_id="<%=doc.id%>" data-result="pass" data-recipient="<%=player.email%>" class="btn btn-outline-danger action-btn reject-btn">Reject</button></a>
        <a><button data-toggle="modal" data-target= "#emailModal" data-player="<%=JSON.stringify(player)%>" data-player_id="<%=doc.id%>" data-result="Approve" data-recipient="<%=player.email%>" class="btn btn-outline-success action-btn approve-btn">Approve</button></a>
    </td>
</tr>

如何确保事件传播到模式,以便它被启动/显示,但不传播到外部div( <tr> )是吗?

编辑以下内容:

<% players.forEach(doc => { %>
     <tr class="trow" onclick="document.location = '/leaderboard/<%=doc.id%>';">

1 回复 | 直到 8 年前

mplungjan 8 年前

使用 type="button" 还有这个

<% players.forEach(doc => { %>
 <tr class="trow" data-location="/leaderboard/<%=doc.id%>">

使用

$("tr[data-location]").on("click",function(e)  { 
  if (!$(e.target).is(".btn")) {
    location = $(this).attr("data-location");
  }
})

推荐文章

OREO · 如何在不实际单击复选框的情况下选中它

2 年前

Dan · 在元素外部设置html点击处理程序点击后立即触发

2 年前

Testerr0349349 · 如何通过JDA discord提及用户?

2 年前

abra10834 · Publisher Subscriber-订阅主题中的选定消息

2 年前

Ryan Hibbs · 可脚本化对象事件无法在Unity中注册侦听器(记录类型不匹配)

2 年前

Mero · Svelte在父事件调用上调用新的嵌套事件处理程序

3 年前

Enlico · onkeyup和onkeydown在交错按压和释放时发生干扰

3 年前

iorice · usercontrol dll中的组件事件

3 年前

Awin · 点击事件功能不适用于Vue组件

3 年前

Kiwi · 将可共享的自定义数据添加到事件MS图形api

3 年前