JQuery UI对话框不能正常工作;错误信息“TypeError: undefined不是一个函数”

JQuery UI dialog not working correctly; error message "TypeError: undefined is not a function"

本文关键字：undefined TypeError 一个 函数 错误 不能 对话框 UI 常工作 JQuery 工作      更新时间：2023-09-26

我正在尝试使用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());

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

不正确，您正在将从dialog返回的内容分配给ready，而不是在ready时调用它。

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

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

这个$. noconflict (true);帮助我解决这个问题。

相关文章：