Question

我正在尝试按下输入时打开一个对话框。但这并不是打开对话框只是隐藏文字。有人可以解释原因吗？

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI Dialog - Default functionality</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">

</head>
<body>

<script>

    $(document).keydown(function(mykey2){
        if(mykey2.which == 13){
            $( "#dialog" ).dialog();
        }
    });

   
</script>

<div id="dialog" title="Basic dialog">
    <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>

我没有说明错误。

Answer 1

您似乎需要取消按下回车键。

    $(document).keydown(function(event) {
      if (event.keyCode == 13) {
        $("#dialog").dialog();
        event.preventDefault();
      }
    });

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<div id="dialog" title="Basic dialog" style="display:none">
  <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>

为什么JQuery对话框没有打开？

1 个答案: