具有动态内容的 jQuery 对话框

Question

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

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

然后我将其添加到 html header 中:

<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(); 上收到以下错误线 :对象不支持此属性或方法。

有人知道这是怎么回事吗？

Answer 1

您的代码有效，您可以测试它 here ，这意味着您可能遇到脚本包含问题，请确保您的文件位于页面旁边的 js 文件夹下，或者如果您希望它们来自站点根目录，使用 /js 代替。

或者，consider using a CDN .

您可以使代码更加高效(我意识到这只是一个测试)，如下所示:

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

这是有效的，因为 newDiv 已经是一个 jQuery 元素，没有理由每次都克隆对象......或者更短一点:

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