jQuery UI - Fehler: kann vor der Initialisierung Methoden im Dialog nicht aufrufen; versucht, die Methode 'offen' aufzurufen

Question

[Gelöst] Ich schreibe dieses Skript. Leider werfen jQuery Konsole:

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

verwende ich jQuery 1.10.2 und 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; 
    } 
    }); 
}); 

Dialog in HTML:

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

Answer 1

Sie müssen den Dialog initialisieren, bevor in der Lage, Öffnen Sie es:

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

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

Hier ist ein komplettes Beispiel: https://jqueryui.com/dialog/#animated

Answer 2

Set es zum ersten Mal: ​​

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

Probieren Sie es selbst: http://jsfiddle.net/x5w8r/

Answer 3

Sie die offene Methode vor dem Dialog Widget aufrufen, um weitere Informationen wurden hier initialisiert gehen: https://api.jqueryui.com/dialog/