php - 延迟后加载jquery模式对话框

Question

我想在页面加载后延迟几秒钟后加载 jquery 对话框。到目前为止，这是我的代码。

<div id="dialog" title="My Dialog Title" style="display:none">
<p>This is My Dialog box Description/Content</p>   

    <script type="text/javascript">

    $(document).ready(function() {    
    setTimeout(function(){
      $(function () {
        $("#dialog").dialog({
            show: {
            effect: 'drop',
            direction : 'up',
            distance: 1000,
            duration: 2000,
            },
        });
      });
    }, 2000)
});


</script>

    <style>
.ui-dialog-titlebar {display:none;}
#other_content {width:200px; height:200px;background-color:grey;}
#dialog_content{display:none;}
</style>

现在的问题是，从顶部滑动的弹出动画对 Chrome 来说很好，但在 Firefox 中它不会到达屏幕中心，而对于 IE，则根本没有弹出动画。

http://jsfiddle.net/fakhruddin/x39Rr/9/

请指导。

Answer 1

用来setTimeout()拖延。

$(document).ready(function() {    
    setTimeout(function(){

        $("#dialog").dialog({
            show: {
            effect: 'fade',
            duration: 800,
            },
        });

    }, 2000)
});

Answer 2

尝试这个

$(function(){
 $('yourDiv').dialog({
   autoOpen: false
 });
});

function openMyDialog(){
 $('yourDiv').dialog('open');
}

$(document).ready(function(){
 setTimeout(function(){
    openMyDialog();}, 2000);
});

你可以使用jquery的slidedown/slideup：http ://api.jquery.com/slideUp/