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

Question

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

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

我使用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>

Answer 1

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

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

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

这是一个完整的例子:https://jqueryui.com/dialog/#animated

Answer 2

先设置它:

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

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