jQuery UI对话框无法正常工作； 错误消息“ TypeError：未定义不是函数”

Question

I am trying to make a popup dialog window using JQuery UI and it opens when I click a bookmark button.

When I click first time on the button I get this error and nothing appears:

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

The second time I click, the window appears. If I click again, The window appears without the title and the text from the body of the window appears at the end of the picture.

This is the code:

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); ..... });

This $.noConflict(true); helps me to fix the issue.