2011-03-23 64 views
1

我对jQuery非常陌生,尽管对于JavaScript来说并不陌生。我正在尝试使用UI对话框小部件。我已经下载了一个.min.js文件,其中包含对话框小部件和其他一些小部件,并且已经有核心.min.js。jQueryUI对话框(模态窗体)演示代码不起作用

我直接从UI doc for modal form复制演示代码,并将其粘贴到一个纯html文件中。点击按钮不起作用;什么都没发生。

任何人都可以告诉我,如果还有其他事情需要我使用演示代码吗?我该如何在Chrome中调试这个jQuery的东西? (我已经安装了FireBug Lite;只是还没弄清楚如何将它用于jquery。)

我可以发布代码片段,如果任何人都可以告诉我特定的东西来寻找,但整个HTML文件,尽管简单,但超过100行。这是link to my sample

回答

1

$( “#创建用户”).button不是一个函数

它应该是

$("#create-user").click(function(){..... 
+0

其实按钮显然是最新版本的jquery中的一个函数,我刚刚发现它(http://stackoverflow.com/questions/3019486/help-with-hello-world-jquery-ui-modal-form) 。 – EmmyS 2011-03-23 20:07:41

+0

是的,但自1.8以来,你正在使用1.7.3 – sharpner 2011-03-23 20:08:49

+0

是的,我明白了。不幸的是,jqueryui声称v1.8是针对jquery1.3.2 +的。我们在1.3.2上,所以我想我可以使用链接而不是按钮。 – EmmyS 2011-03-23 20:14:16

0

.button()通话来看,你忘了,包括到jQuery UI的一个参考。

+0

不确定你的意思。你可以从src看到我正在加载jquery-ui-1.7.3.dialog.min.js,这是jqueryui的一个自定义下载。 – EmmyS 2011-03-23 20:06:51

+1

.button is jquery ui 1.8 http://blog.jqueryui.com/2010/03/jquery-ui-18/ – sharpner 2011-03-23 20:09:08

+1

@EmmyS,我的错。我认为问题在于你的自定义下载,那么'.button()'不起作用,因为你没有正确的依赖关系。尝试删除js文件,并将其替换为http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js和此https://ajax.googleapis.com/ajax/libs /jqueryui/1.8.10/jquery-ui.min.js – Brandon 2011-03-23 20:09:27