javascript - Zurb 基金会揭示禁用动画

Question

我正在尝试禁用基金会的 Reveal动画，但它仍然是动画。

这是我的 fiddle 和代码:

http://jsfiddle.net/ryanburnett/pSQjj/

<script>
  $('#videoModal').reveal({  
       animation: 'none' //fade, fadeAndPop, none
  });
</script>

<a href="#" data-reveal-id="videoModal" class="radius button">Example Modal w/Video&hellip;</a>
<div id="videoModal" class="reveal-modal large">
  <h2>This modal has video</h2>
  <div class="flex-video">
    <iframe width="800" height="315" src="http://www.youtube.com/embed/IkOQw96cfyE" frameborder="0" allowfullscreen></iframe>
  </div>
  <a class="close-reveal-modal">&#215;</a>
</div>

Answer 1

将您的 JavaScript 调用更改为以下内容:

$(document).foundation('reveal', {animation: 'none'});

这是 jsFiddle:http://jsfiddle.net/pSQjj/1/

至少在这个 jsFiddle 中，关闭动画设置为 none 的模态窗口似乎可能存在错误，而如果您将配置更改为 fade 或 fadeAndPop。如果您在您的应用程序中看到相同的错误，请告诉我，我会向 Zurb 的男男女女报告。