如果前面没有警报，我的 Jquery UI 对话框不会触发

Question

我的问题是我有一个 Jquery UI 对话框，如果前面没有警报，它不会触发。

页面开头的对话框的 div：

    <div id="dialog-confirm" title="Modification de la date de fin du projet">
  <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Keep or change ?</p>
</div>

触发对话框的事件：

  nameInput.addEventListener("keydown", function() {
    if (event.which == 13 || event.which == 10)
    {
      alert("ok");
      $( "#dialog-confirm" ).dialog( "open" );
    }
  });

我的 Jquery UI 对话框：

  $(function() {
    $( "#dialog-confirm" ).dialog({
      autoOpen: false,
      resizable: true,
      height:190,
      width:450,
      modal: true,
      buttons: {
        "Keep": function() {

          keep();

          $( this ).dialog( "close" );
        },
        "Change": function() {

          change();

          $( this ).dialog( "close" );
        }
      }
    });

我搜索并尝试了许多不同的方法（例如使用 document.ready 等），但没有奏效。

Answer 1

您似乎忘记将事件对象传递给nameInput 的事件处理程序。警报调用应该与此无关。

应该是这样的：

nameInput.addEventListener("keydown", function(event) { // forgot event param here
    if (event.which == 13 || event.which == 10)
        {
            // alert("ok");
            $( "#dialog-confirm" ).dialog( "open" );
        }
});

Answer 2

我自己解决问题。 这是因为我没有在后面添加event.preventDefault();：

if (event.which == 13 || event.which == 10) { ... }

只有当用户在他的键盘上输入 Enter 时对话框才会打开（键 13 和 10 用于 Enter 按钮），因此对话框会立即关闭，因为用户输入 Enter 并且对话框的第一个按钮是焦点，这样Enter键触发第一个按钮，第一个按钮代码执行后对话框关闭。

Answer 3

我遇到了类似的问题并添加了延迟。试试：

$("#dialog-confirm" ).delay(2000).dialog("open");