如何使用Jquery觸發onload事件？

Question

我有一個div，我想用Jquery在頁面加載上設置div。 彈出窗口工作正常但是如何在頁面加載時觸發它。

<div id="popup">
   //Some content 
</div>

下面是Jquery代碼

$(document).ready(function() {
        $('div#popup').load(function() {
                           // Popup Content
}
}

我甚至嘗試了一個簡單的警報消息，但不起作用。

謝謝

Answer 1

如果你只想要它的風格，它會這樣做：

$(document).ready(function() {
     $('div#popup').css({
           width: '100px',
           height: '100px' //etcetera
     });
});

Answer 2

你需要的只是外包裝：

$(document).ready(function() {
    //do something here
}

在加載整個DOM之前， $(document).ready閉包不會執行。

Answer 3

如果您正在使用jQuery UI模式對話框，那么只需確保對話框構造函數中的autoOpen未設置為false 。 您會注意到默認情況下autoOpen屬性設置為true因此標准行為是在頁面加載時自動彈出對話框。 如果沒有發生這種情況，請調試頁面並確保在文檔就緒時正確初始化了對話框構造函數。

查看jQuery UI演示頁面上的“選項”選項卡。 第二個選項autoOpen包含有關jQUI對話框彈出行為的默認行為的文檔。

以下代碼將是您想要彈出模態窗口所需的全部內容。 如果需要刪除模態行為，請完全刪除options參數：

$(function() {
    $("div#popup").dialog({
         modal: true
    });
});