jQuery UI - 错误：在初始化之前无法调用对话框上的方法;试图调用方法'打开' [英] jQuery UI - Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'

问题描述

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

[Solved] I write this script. Unfortunately, jQuery console throw:

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

Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'

我使用jQuery 1.10.2和jQuery UI 1.10.4。

I use jQuery 1.10.2 and 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格式的对话框：

Dialog in HTML:

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

推荐答案

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

You have to initialize the dialog before being able to open it:

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

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

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

Here's a complete example: https://jqueryui.com/dialog/#animated

这篇关于jQuery UI - 错误：在初始化之前无法调用对话框上的方法;试图调用方法'打开'的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！