javascript - Zurb Foundation 显示禁用动画

Question

我正在尝试禁用 Foundation 的Reveal动画，但它仍在动画中。

这是我的小提琴和代码：

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的模式窗口的错误，而如果您将配置更改为 fadeAndPop ，它会正确关闭。如果您在您的应用程序中发现相同的错误，请告诉我，我会向 Zurb 的男生和女生报告。

Answer 2

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

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

问题是，如果您关闭动画，模式不会动画到您在页面上的位置（如果您向下滚动页面） - 所以请注意这一点。