jQuery UI - 错误:在初始化之前无法调用对话框上的方法;试图调用方法'打开'

时间:2014-02-10 12:53:25

标签: javascript jquery jquery-ui jquery-ui-dialog jquery-dialog

[解决] 我写这个脚本。不幸的是,jQuery控制台抛出:

  

错误:在初始化之前无法调用对话框上的方法;试图调用方法'open'

我使用jQuery 1.10.2和jQuery UI 1.10.4。

 $(function() {
$("#player").on('click', 'img', function() {
    var zadanie = $( "input[name^='act']:checked:enabled" ).val();
    switch(zadanie){
        case '1':
        alert('fajowo jesteś uczciwy');
        break;
        case '2':
         $( "#dialog" ).dialog( "open" );
        break;
    }
    });
});

HTML格式的对话框:

<div id="dialog" title="Wybór karty, która zostanie położona oficjalnie">
<p>Fajowy tekst.</p>
</div>

3 个答案:

答案 0 :(得分:19)

您必须先初始化对话框才能打开它:

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

    $("#player").on('click', 'img', function() {
    ...

以下是一个完整的示例:https://jqueryui.com/dialog/#animated

答案 1 :(得分:6)

首先进行设置:

$("#dialog").dialog();

亲自尝试: http://jsfiddle.net/x5w8r/

答案 2 :(得分:0)

在初始化Dialog Widget之前调用open方法以获取更多信息,请访问:https://api.jqueryui.com/dialog/