2012-04-23 111 views
1

我使用Zurb的Reveal模式插件。页面加载时执行jQuery Popup吗?

http://www.zurb.com/playground/reveal-modal-plugin

有谁知道我如何能得到模态来执行(如打开弹出框)时,我的页面加载完成,而不是在单击处理程序时?

我想用它来显示一个简单的消息,每次有人打开我的主页。

我挖过​​代码并尝试了一些东西,但我是一个自认jQuery noob。

我打算发布jQuery插件本身的全部内容,但它可能会更容易下载它,并为自己找一看。

谢谢!

:)

+0

你尝试把它在$(文件)。就绪(...)? – jlaceda 2012-04-23 19:50:06

回答

3
$(function() { 
    $('#myModal').reveal(); 
}); 

OR

$(document).ready(function() { 
    $('#myModal').reveal(); 
}); 
+0

宾果。非常感谢! – Leeloo 2012-04-23 19:51:55

+0

NP,很高兴我能帮上忙。 – Gabe 2012-04-23 19:52:12

+0

是的,一切都完成了。不得不等待10分钟,否则我会马上完成。 :) – Leeloo 2012-04-23 20:03:26

1

你不能只是做以下实例化的模式后:

$(document).ready(function() { 
    // instantiate modal first 
    $('#myModal').reveal(); 
}); 
+0

是的。正如我所说的,jQuery noob报告。感谢您花时间回答我的问题。 :) – Leeloo 2012-04-23 19:54:57

1

像这样的东西应该工作:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#myModal').reveal(); 
}); 
</script> 
+0

谢谢,队友。非常感激。 :) – Leeloo 2012-04-23 19:55:14

1

嘿有麻烦此使用,其中正在使用的JQuery NoConflict其他的.js库页面上工作 - 在这种情况下,试试这个:

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

+0

感谢它真的很有帮助 – 2013-06-19 00:50:40