javascript - UI对话框在使用jQuery的setTimeout中不起作用

Question

我想在 10 秒后触发一个对话框，这很简单.. 或者我想:-)

function showPopup() {
    $( "#emailPopup" ).dialog({autoOpen:false});
    //alert('Dialog shown');
}
$( "#emailPopup" ).dialog("open");
$( "#emailPopup" ).dialog("close");

$(document).ready(function() {
    $( "#emailPopup" ).dialog({autoOpen:false});

    window.setTimeout(function(){
        showPopup();
    }, 4000);

    jwplayer('videoBox').setup({
        flashplayer: '<?php echo asset_url(); ?>swf/player.swf',
        file: 'http://www.youtube.com/watch?v=Oj8CwmP_Jm4',
        height: 329,
        width: 540,
        events:{
            onBeforePlay:function(){
                $('#videoTitle').hide();
                $('#videoReplay').hide();
            },
            onPlay:function(){
                videoStarted = true;
                clearTimeout(popTO);
            },
            onComplete:function(){
                home.flashGetStarted();
                $('#videoReplay').show();
            }
        },
        plugins: 'fbit-1'
    });
});

当我运行代码 showPopup IS 运行时，我可以在Firebug中使用调试来验证这一点，但是在调用对话框之后，我仍然看不到任何对话框。如果我直接调用 setTimeout 之外的对话框，它可以工作......但是在里面，这是不行的。

Answer 1

为了 open在对话框上使用方法，您首先需要初始化对话框。

$( "#emailPopup" ).dialog({autoOpen:false}); 

function showPopup() {
     $( "#emailPopup" ).dialog("open"); 
     //alert('Dialog shown');
}


window.setTimeout(function(){
    showPopup();
}, 4000);

演示：http: //jsfiddle.net/QtkBL/

Answer 2

如果我在 setTimeout 之外直接调用对话框，它可以工作......但是在里面，这是不行的

那是因为范围不同。