jquery - 如何打开 Foundation Reveal 模态 javascript

Question

我一直在尝试关注 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');
 });

谢谢，任何帮助将不胜感激！

Answer 1

您错误地在<a>和<div>标签上设置了相同的 id。

有两种方法可以做到这一点：

1. 您的模式具有 id 'myModal'，因此您应该将属性设置data-reveal-id='myModal'为您的<a>标签。你已经设置id="myModal"了，你应该删除它。您正在使用的 JavaScript 应该适用于此更改。

2. <a>将标签的 id更改为id="modalLaucher"，然后使用：

   $("#modalLauncher").click(function (e) {
       $('#myModal').foundation('reveal', 'open');
   });