jQuery模式对话框取消按钮不起作用

时间:2011-07-07 06:12:46

标签: javascript jquery

我在我的Web应用程序中使用jQuery模式对话框。我使用了一个button (cancel)并希望通过点击它来关闭对话但是它不起作用,而disable & destroy正在工作。
任何想法,请....

代码:

$("#dialog-form" ).dialog({
          ....
         buttons: {
             Cancel: function() {
          $( this ).dialog( "close" );  // dialog doesn't close

         //   $( this ).dialog( "destroy" ); (it's working)
         //   $( this ).dialog( "disable" ); (it's working)
 } 

1 个答案:

答案 0 :(得分:1)

我现在意识到,这是我的愚蠢问题,但我希望它对某人有所帮助。由于缺少几个文件而导致的问题。例如:我们可以通过直接链接或只是下载文件并将其放入您的Web应用程序然后链接到您自己的服务器来使用CSS文件。

解决方案1 ​​

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/ui.all.css"/>

solotion 2: 只需下载css文件并将其放入您的服务器即可。当我下载一个名为jquery.ui.all.css的css文件并将其放入我的webApplication/lib时。现在我可以链接

<link rel="stylesheet" href="my_web_app/lib/jquery.ui.all.css"/>

但这里有一个大问题,你需要检查文件是否导入其他文件,因为我浏览了这个文件并发现它正在导入另外两个文件。

@import "jquery.ui.base.css";
@import "jquery.ui.theme.css";

这是我犯的错误,我再次单独下载这两个文件并将其放在我的网络应用程序的相同文件夹中(my_web-App / lib /.....)。

jQuery文件导致的问题:请确保始终使用jQuery文件的更新版本。这是我卡住的地方,但最后我发现我使用的是jQuery文件的旧版本(jQuery v1.3.2),而我需要最新版本(jQuery v1.6.2)。