显示页面加载时弹出而不是单击事件

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();