Zurb Foundation Disable禁用动画

Question

我正在尝试禁用基金会的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的模式窗口可能存在错误，而如果将配置更改为fade或fadeAndPop，则会正确关闭。如果你在你的应用程序中发现了同样的bug，请告诉我，我会把它报告给Zurb的朋友们。

Answer 2

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

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

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