Question

有人能发现为什么ShowVideo点击事件不会触发以显示JQueryUI对话框吗？我确信这是一个相对简单的东西，我忽略了。

这是我的网页相关代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Test</title>
<link rel="Stylesheet" type="text/css" href="Styles/Site.css" />
<link href='http://fonts.googleapis.com/css?family=Raleway:400,600,900' rel='stylesheet' type='text/css' />
 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>


 <script type="text/javascript">
    $(document).ready(function () {
        $(function () {
            $("#dialog").dialog({ autoOpen: false }); //Hide the modal on page load.
        });

        $("#ShowVideo").click(function () {

            $("#dialog").dialog("option", "show", "slow"); // Should show the MF'ing dialog but never gets hit!
        });
    });

  </script>


</head>
<body>

        <h2Links</h2>
        <ul class="SidebarMenu">
            <li id="ShowVideo">Test Popup</li>
        </ul>


   <div id="dialog" title="Test">

  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>



</body>
</html>

快速JS小提琴演示：http://jsfiddle.net/Lnp9v/

Answer 1

您正在更改选项，而不是＆＃34;打开＆＃34; - 对话框：

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

更新小提琴：http://jsfiddle.net/Lnp9v/4/

Answer 2

该方法为open。

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

JQuery - Click事件不起作用

2 个答案: