Javascript 基础关闭按钮内部显示模态 我使用基础6和关闭按钮 在jQuery内部显示模式插件

当我单击表行的close按钮时，整个模式也将关闭

如何使关闭按钮仅删除表行而不关闭模式

我的HTML：

[![<div class="reveal" id="wishlist" data-reveal>
  <p class="lead">Ihre Wunschliste</p>

  <div class="wishlist">

<div data-hook="cart_container">
  <table class="stack articles">
    <thead></thead>
    <tbody>
      <tr class="callout" data-closable>
      <td>CHF 199.00
        <div class="nile-close-button">
          <span class="close-button" aria-label="Dismiss alert" type="button" data-close>
            <span aria-hidden="true">&times;
              <div class="close-button-text">entfernen</div>
            </span>
          </span>
        </div>
      </td>
    </tr>
    <tr class="callout" data-closable>
      <td>CHF 179.00
        <div class="nile-close-button">
          <span class="close-button" aria-label="Dismiss alert" type="button" data-close>
            <span aria-hidden="true">&times;
              <div class="close-button-text">entfernen</div>
            </span>
          </span>
        </div>
      </td>
    </tr>
  </tbody>
</table>
</div>][1]][1]

[[
我是Wunschliste
199.00瑞士法郎
&时代；
恩特弗宁
179.00瑞士法郎
&时代；
恩特弗宁
][1]][1]

---

在基础上，不可能覆盖<代码>数据关闭>代码>处理。因此，我最终移除了基金会的关闭按钮，自己制作了一个。

从我在文档中看到的情况来看，我找不到一种方法来指定将关闭按钮绑定到哪个元素，就像Bootstrap那样。这意味着基金会应该注意将每个元素绑定到<代码>数据关闭<代码>到它最近的<代码>数据可关闭的< /代码>父元素，但是从你的情况来看，它不是吗？在这种情况下，当您单击内部的

x

按钮时，我会尝试执行

e.stopPropagation（）

，以免冒泡进入模式。这可能不起作用，这取决于关闭的基础。我确实尝试了$（“跨度”关闭按钮）。单击（函数（事件）{事件}停止传播（））；但是没有成功。