Question

我正在使用jQuery 1.9.1和jQuery Mobile 1.3.1，我想创建一个只有一个按钮的对话框，通知用户他们的时间在我的游戏中。关键是，只要我能看到jQuery中的对话框出现在某个eventType之后。例如，单击一个按钮后，就会出现对话框。但在我的情况下，我没有任何事件，它必须在if语句中的条件为真时自动出现。当用户单击小部件上的“确定”按钮时，他/她应该转移到下面提到的页面。知道如何实现吗？

function showTimer() {
    if (timestamp.getMinutes().pad(2) == "59" && timestamp.getSeconds().pad(2) == "59") {
        // dialog goes here...
        $.mobile.navigate("#finalPage");
    }
    return false;
}

Answer 1

使用setInterval启动计时器，并每隔x毫秒检查一次条件

Answer 2

可以使用jQuery：

//Initialise the dialog first
var dialog = $('<p>Are you sure?</p>').dialog({
    autoOpen:false,
    buttons: {
        "Cancel": function () {
            $.mobile.navigate("#finalPage"); // Your custom code for navigation on button click
        }
    }
});
setTimeout(function(){ // When your condition is met, just call the dialog using this code
    dialog.dialog('open');
},2000);

在这里，我使用超时只是为了说明如何在不触发任何点击的情况下在任何阶段打开对话框。

演示：http://jsfiddle.net/lotusgodkk/GCu2D/175/

如何创建一个没有在jQuery中触发任何事件的对话框？

2 个答案: