页面加载时如何加载Foundation模态框

Question

我有一个小问题。我想在页面加载时弹出一个模态对话框（理想情况下只在用户首次访问页面时弹出，但我对cookie一无所知，可能以后会研究）。我正在使用zurb的foundation、jquery和prototype（基本上是因为我懒得编写不依赖于prototype的联系表单）。

我的问题是：我希望能够在页面加载时显示一个foundation模态对话框。我尝试了一些方法，但都没有成功：

$(document).ready(function() {
    $('#introModal').reveal();
});

后来我意识到我将jQuery置于无冲突模式，以允许prototype正常工作，并将其更改为

jQuery(document).ready(function($){
    $('#introModal').reveal();
});

仍然没有效果。相关网站是basstv.net。有任何想法吗？

- Salem

Answer 1

适用于Foundation 4

 $("#myModal").foundation('reveal', 'open');

- Tom

---

你只需要将代码放置在$(document).ready(function()函数中。 - Aniket Tiwari

Answer 2

与jQuery的冲突在于"$"符号，尝试像这样使用

jQuery(document).ready(function() {
  jQuery("#introdModal").reveal();
});

注意我在前面使用jQuery而不是语句。

希望能有所帮助。

- George Ariton

---

抱歉，我也尝试过了，但是出现了“对象没有'reveal'方法”的错误。 - Salem

@Salem，新的错误提示了你需要知道的一切。没有“reveal”方法。 - clockworkgeek

我正在遵循基础文档：http://foundation.zurb.com/docs/reveal.php 我想浏览他们的js，但它们全部都被压缩了，几乎不可能阅读。 - Salem

@Salem 确保库已正确加载，您还可以从其网站加载未压缩的库以进行开发目的，之后您可以前往 http://jscompress.com/ <- 在那里对库进行缩小和gzip处理。 - George Ariton

@Salem 另一个建议是使用 Google Chrome 的控制台或 Mozilla 的 Firebug 插件中的控制台进行测试，在控制台中编写 jQuery("#introdModal").reveal();，查看错误信息。在开发任何类型的 jQuery 脚本之前，还要删除 jQuery 冲突，否则可能会破坏您的测试环境。 - George Ariton

谢谢，我很感激。我在调试 JavaScript 方面没有太多经验，所以你的指导非常有帮助。 - Salem