Jquery-UI：对话框不是函数错误

Question

例如我通过newDialog("This is title !", "this is my content"); 调用它

function newDialog(mytitle, mycontent){
   var $dialog = $('<div id="mydialog"></div>')
        .html(mycontent)
        .dialog({
            autoOpen: false,
            modal: false,
            title: mytitle
        });
    $dialog.dialog('open');
    return false
}

这是错误

错误：$("").html(mycontent).dialog 不是函数

这是什么意思？我已使用 firebug 插件确保所有 jquery-UI 和 jquery js 文件都已完全加载，以确认所有这些。

我不明白为什么它会突然停止工作。

我已经用 $(document).click(newDialog); 试过了。和 $('body').delegate(':not(#mydialog *, #mydialog)','click', newDialog);但错误并没有消失。使用后者，因此如果意外单击对话框，则不会生成新对话框。

$(top.document).ready(function () {   
var fruits = new Array();

   $(document).click(newDialog("happy title", "happy content to keep everyone happy"));
   //$('body').delegate(':not(#mydialog *, #mydialog)','click', newDialog);

});

Answer 1

对于更新的问题：当这样调用它时，您仍然遇到与 bfeore 相同的问题：

$(document).click(newDialog);

它被调用了没有任何参数，这意味着.html()仍然被undefined传入。你eiher需要传递参数，例如：

$(document).click(function() { newDialog("Title", "Content"); });

或者给参数一些默认值，例如：

function newDialog(mytitle, mycontent){
  mytitle = mytitle || "Default Title";
  mycontent = mycontent || "Default Content";

---

对于原始问题： 您的变量名称已关闭，这是：

.html(mycontent)

应该是：

.html(mycon)

目前，由于它是未定义的，它正在调用.html() 获取一个字符串，而不是设置 html。标题也是如此，你的参数是mytit，你要使用的变量是mytitle。

Answer 2

检查dialog 插件是否已正确安装。这不应该有任何其他原因。

我能否借此机会进行一些无耻的自我推销，为您提供另一种选择。我写了一个 jQuery 插件来做你想做的事情。如果您有兴趣，它是开源的：http://code.google.com/p/dialogwrapper/