Reveal Modal内部的基础关闭按钮

Question

我使用Foundation 6和关闭按钮http://foundation.zurb.com/sites/docs/close-button.html 在jQuery Reveal Modal Plugin http://foundation.zurb.com/sites/docs/reveal.html。

中

当我点击表格行的关闭按钮时，整个模态也会关闭。

如何使关闭按钮仅删除表格行而不关闭模态？

我的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]

似乎无法覆盖Foundation中的data-close处理。所以我最终删除了基金会的关闭按钮并自己制作了一个。