[解決済み] Foundation Revealモーダルjavascriptを開く方法

質問

Foundation のドキュメントに従おうとしたのですが、jQuery を使ってモーダルウィンドウを開く方法がどうしてもわかりません。以下は、私が持っているものです。

フィドル

HTMLです。

<a href="#" id="myModal" class="reveal-link">Name</a>

<div id="myModal" class="reveal-modal">
      <a class="close-reveal-modal">&#215;</a>
</div>

jQueryを使用します。

$(document).ready(function(){
    $(document).foundation();
    $('a.reveal-link').trigger('click');
    $('a.close-reveal-modal').trigger('click');
 });

ありがとうございます！どんなことでもご相談ください。

解決方法は？

の両方に同じidを誤って設定しています。 <a> と <div> タグを使用します。

2つの方法があります。

1. あなたのモーダルには'myModal'というIDがあるので、その属性に data-reveal-id='myModal' をあなたの <a>

2. id="myModal"

   <a>