如何使用Jquery觸發onload事件？

我有一個div，我想在Jquery的頁面加載樣式div。彈出工作正常但我怎麼能在頁面加載時觸發它。如何使用Jquery觸發onload事件？

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

下面是jQuery代碼

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

我甚至嘗試一個簡單的警告消息，但不工作。

感謝

來源

2011-05-16 Jay

這是使用jQuery UI模式對話框嗎？ – 2011-05-16 15:19:07

是的，它使用Jquery UI模式。 – Jay 2011-05-16 15:20:45

不是特定於該問題，但不應使用'$（'div＃popup'）'通過ID選擇元素。使用'$（'＃popup'）'代替，效率更高。 [來源]（http://api.jquery.com/id-selector/）。 – Town 2011-06-22 09:44:13

如果你只是想風格它做到這一點：

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

來源

2011-05-16 15:16:27 Neal

如果像我一樣，你想知道在答案中用什麼來表達風格，它被包裹在''中。 – 2011-05-16 15:31:30

所有你需要的是外部包裝：

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

的$(document).ready關閉不執行直到整個DOM被加載。

來源

2011-05-16 15:19:05

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

查看jQuery UI demo page上的「選項」標籤。第二個選項autoOpen包含有關jQUI對話框彈出行爲的默認行爲的文檔。

下面的代碼將完成你想要彈出一個模式窗口。如果需要刪除模式行爲，請刪除選項參數：

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

來源

2011-05-16 15:26:35 lsuarez

如何使用Jquery觸發onload事件？

回答

相關問題