jQuery对话框无法识别

Question

我正在尝试使用jQuery-UI带来一个对话框，我面临一个问题。 屏幕上打开对话框，其Tiltle和关闭按钮。但是我无法关闭对话框。我明白问题是，dialog opened is not recognized因此关闭按钮不起作用。我能够选择元素在父页面中不应该发生。 我在谷歌做过几次研究，找不到解决方法。 请帮我解决这个问题。我是Java Scripts和jQuery的新手。

以下是我的代码。

使用jQuery UI - v 1.9.0.

HTML代码

<div id="dialog">
  <p>This is test Dialog Box Message !!</p>
</div>

Controller.js

我的页面中有一个按钮，在此按钮点击事件内，我有

 $("#dialog").dialog({
     autoOpen: false,
     title: "Test Tiltle",
     height: 300,
     width: 350,
     modal: true,
     show: 'fade',
     hide: 'fade',
     close : function() {
       $(this).dialog( "close" );
     }

   });

 $("#dialog").dialog( "open" );

Answer 1

您离开"

http://jsfiddle.net/uDYcJ/1/

$("#dialog").dialog({
         autoOpen: false,
         title: "Test Tiltle",
         height: 300,
         width: 350,
         modal: true,
         show: 'fade',
         hide: 'fade',
         close : function() {
           $(this).dialog( "close" );
         }

       });

     $("#dialog").dialog( "open" );

Answer 2

您可以从代码块中的颜色格式中看到您在标题中缺少结束双引号：

title: "Test Tiltle,

关闭该字符串：

title: "Test Tiltle",