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

[解决]我写这个脚本。 不幸的是，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中的对话框：

 
 
Fajowy tekst.
  

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

在初始化Dialog Widget之前调用open方法以获取更多信息，请访问： https ： //api.jqueryui.com/dialog/