具有动态内容的 jQuery 对话框

我想即时创建一个 jQuery 对话框。我正在使用这个：

var newDiv = $(document.createElement('div')); 
$(newDiv).html('hello there');
$(newDiv).dialog();

然后我在 html 标头中添加了以下内容：

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.1.custom.min.js"></script>

当我尝试在 IE7 中运行 JS 时，我在 $(newDiv).dialog(); 上收到以下错误：线 ： 对象不支持此属性或方法。

有人知道发生了什么事吗？

您的代码有效，您可以测试它here http://jsfiddle.net/nick_craver/W65TL/，这意味着您可能存在脚本包含问题，请确保您的文件位于js folder 在页面旁边，或者如果您希望它们来自站点根目录，请使用/js反而。

Or, 考虑使用 CDN https://stackoverflow.com/questions/2180391/why-should-i-use-googles-cdn-for-jquery.

您可以使您的代码更加高效（我意识到这只是一个测试），如下所示：

var newDiv = $(document.createElement('div')); 
newDiv.html('hello there');
newDiv.dialog();

这有效是因为newDiv is already一个 jQuery 元素，没有理由每次都克隆该对象......或者更短一点：

$('<div />').html('hello there').dialog();