jQuery UI - 错误：无法在初始化之前调用对话框上的方法；试图调用方法“打开”[重复]答案

【问题标题】：jQuery UI - Error: cannot call methods on dialog prior to initialization; attempted to call method 'open' [duplicate]jQuery UI - 错误：无法在初始化之前调用对话框上的方法；试图调用方法“打开”[重复]
【发布时间】：2014-03-07 19:39:43
【问题描述】：

[已解决] 我写了这个脚本。不幸的是，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>

【问题讨论】：

标签： javascript jquery jquery-ui jquery-ui-dialog jquery-dialog

【解决方案1】：

您必须先初始化对话框，然后才能打开它：

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

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

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

【讨论】：

【解决方案2】：

先设置：

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

自己试试吧： http://jsfiddle.net/x5w8r/

【讨论】：

【解决方案3】：

您在初始化对话框小部件之前调用 open 方法以获取更多信息，请访问此处：https://api.jqueryui.com/dialog/

【讨论】：