jquery - 在页面加载而不是单击事件时显示弹出窗口

Question

我的问题很简单：我有这个弹出代码，我想在页面加载后立即加载。目前它在点击时加载。

<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
//open popup
$("#pop").click(function(){
$("#overlay_form").fadeIn(1000);
positionPopup();
});

//close popup
$("#close").click(function(){
$("#overlay_form").fadeOut(500);
});
});

我的完整代码位于此处-http://jsfiddle.net/VVZch/1/

谢谢！

Answer 1

只需将您的弹出代码保留在点击功能之外

$(document).ready(function(){
//open popup
var popupFun=function(){
$("#overlay_form").fadeIn(1000);
positionPopup();
}
popupFun();
//to add on click event also
$("#pop").click(function(){popupFun()};


//close popup
$("#close").click(function(){
$("#overlay_form").fadeOut(500);
});
});

Answer 2

如果您想在不单击的情况下加载弹出窗口，为什么不删除单击事件

然后写

$("#overlay_form").fadeIn(1000); 
positionPopup();