0

Foundation 5 を使用していますが、明らかにモーダルがトリガーされず、完全に途方に暮れています。

ここにモーダルコードがあります

<td>
  <a href="#" data-reveal-id="modal">Delete</a>

  <div id="modal" class="reveal-modal medium" data-reveal>
      <p></p>
      <p>Please confirm</p>
      <a class="button radius">Confirm</a>
      <a class="close-reveal-modal">x</a>
  </div>
</td>

そして、スクリプトの順序は body タグを閉じる直前の正しい順序になっています。

<script src="/js/vendor/modernizr.js"></script>
<script src="/js/vendor/jquery.js"></script>
<script src="/js/foundation.min.js"></script>
<script>
    $(document).foundation();
</script>

でラップしようとしました$(document).foundation();が$(document).ready(function(){、何も起こりません。アラート ボックスは問題なく機能するので、表示モーダルの問題に困惑しています。

どんな助けでも大歓迎です。ありがとう。

4

1 に答える 1

-1

これが発生する理由は、おそらく、モーダルが「body」要素の直接の子である必要があるためです。「td」要素の一部であってはなりません。

このページで答えを見つけました: http://foundation.zurb.com/forum/posts/20051-foundation-5-reveal-modal-doesnt-open

于 2015-09-20T18:36:38.403 に答える