通过Javascript打开透露基础不起作用

Question

我尝试通过Javascript打开基础显示，但我总是收到错误，显示了揭示-bg，并且显示本身不可见。

$("#msgModal").foundation("reveal", "open");

HTML：

<div id="#msgModal" class="reveal-modal small" data-raveal>     
   <h1>Advice</h1>      
   <a class="close-reveal-modal">×</a>
</div>

我的控制台中的错误消息：

'undefined' is not an object (evaluating 'settings.css')

我阅读了文档，并将foundation.reveal.js放在我的foundation.min.js下，如下所示：

<script src="/layout/cyt/js/assets/foundation.min.js"></script>
<script src="/layout/cyt/js/assets/foundation/foundation.reveal.js"></script>
<script src="/layout/cyt/js/assets/foundation/foundation.abide.js"></script>

这让我发疯了。我不想触发点击或类似的事情。模态应该在页面加载时打开。

Answer 1

这是一个老问题，但你在做以下事情吗？

将其放在</body>标记之前。

<script>
$(document).foundation();
</script>

然后以下内容应该在</body>标签之前。

$("#msgModal").foundation("reveal", "open");