如何使用Jquery触发onload事件？

问题描述：

我有一个div，我想在Jquery的页面加载样式div。弹出工作正常但我怎么能在页面加载时触发它。如何使用Jquery触发onload事件？

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

下面是jQuery代码

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

我甚至尝试一个简单的警告消息，但不工作。

感谢

这是使用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:31:30

答

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

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

的$(document).ready关闭不执行直到整个DOM被加载。

答

如果您使用的是jQuery UI模式对话框，请确保在对话框构造函数中autoOpen未设置为false。您会注意到，默认情况下，autoOpen属性设置为true，因此标准行为是在页面加载时自动弹出对话框。如果没有发生这种情况，请调试页面并确保您的对话框构造函数在文档准备就绪后正确初始化。

查看jQuery UI demo page上的“选项”标签。第二个选项autoOpen包含有关jQUI对话框弹出行为的默认行为的文档。

下面的代码将完成你想要弹出一个模式窗口。如果需要删除模式行为，请删除选项参数：

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

如何使用Jquery触发onload事件？

相关推荐