如何使用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
    });
});