jQuery UI - 錯誤：無法在初始化之前調用對話框上的方法;試圖調用方法'打開'

Question

[解決] 我寫這個腳本。不幸的是，jQuery控制檯拋出：

Error: cannot call methods on dialog prior to initialization; attempted to call method '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> 

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/

Answer 3

您所呼叫的對話框控件前開方法已爲更多信息，請點擊這裏進行初始化：https://api.jqueryui.com/dialog/