2012-04-23 186 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