Question

我有一个div，我想用Jquery在页面加载上设置div。弹出窗口工作正常但是如何在页面加载时触发它。

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

以下是Jquery代码

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

我甚至尝试了一条简单的提醒信息，但无法正常工作。

谢谢

Answer 1

如果您只想 style ，请执行以下操作：

$(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 demo page上的“选项”标签。第二个选项autoOpen包含有关jQUI对话框弹出行为的默认行为的文档。

以下代码将是您想要弹出模态窗口所需的全部内容。如果需要删除模态行为，请完全删除options参数：

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

如何使用Jquery触发onload事件？

3 个答案: