时间戳

首页 > 解决方案 > Foundation 6 模态闪烁并关闭

javascript - Foundation 6 模态闪烁并关闭

问题描述

在查阅有关 Foundation 6 的显示模式的各种文档时，尝试在给定页面上打开模式的尝试失败：模式闪烁出现片刻然后消失。

<div id='homeModal' class='reveal-modal' data-reveal>
  <h2>Welcome ...</h2>
  <a class='close-reveal-modal'>&#215;</a>
</div>

前面是 javascript。根据论坛讨论（或其变体），我尝试了一些变体：

$(document).foundation();
$( document ).ready(function() {
   $('#homeModal').foundation('reveal', 'open');
}

或 根据文档

$(document).foundation();
$(document).ready(function(){
  $('#homeModal').foundation('open')
});

鉴于模态闪烁，我假设模态确实触发了，但立即认为它被命令关闭。

这如何按照正常的预期表现，即它在页面加载时打开并且用户关闭它？

标签： javascriptzurb-foundation

解决方案

推荐阅读