Question

我正在尝试使用JQuery UI创建一个弹出对话框窗口，当我单击书签按钮时它会打开。

当我第一次点击按钮时，我收到此错误并且没有显示任何内容：

Uncaught TypeError: undefined is not a function (anonymous function)

第二次点击，出现窗口。如果再次单击，窗口将显示没有标题，窗口正文中的文本显示在图片的末尾。

这是代码：

var script1 = document.createElement('script');
script1.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js';
var script2 = document.createElement('script');
script2.src = 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js';

document.head.appendChild(script1);
document.head.appendChild(script2);
$("head").append("<link rel='stylesheet' href='//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css'>");
$("body").append("<div id='dialog' title='Basic dialog'><p>This is the default dialog which is useful for displaying information. </p></div>");

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

Answer 1

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

不正确，您将从对话框返回的内容分配给就绪，而不是在准备好时调用它。

$(document).ready( function(){ $("#dialog").dialog() });

Answer 2

jQuery(document).ready(function ($) { $.noConflict(true); ..... });

这个 $ .noConflict（true）; 帮助我解决问题。

JQuery UI对话框无法正常工作;错误消息“TypeError：undefined不是函数”

2 个答案: