アラートが先行しないとMy 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"); 
     } 
     } 
    }); 

I （例えば、document.readyを使用するなどのように）多くの異なる方法を検索して試しましたが、そのトリックは行いませんでした。

Answer 1

私は自分の問題を解決します。 私は後event.preventDefault();を追加したしないので、それがあった：

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

を、だけなので、ユーザーのタイプは、（キー13及び10は、入力ボタンのためのものである）彼のキーボードで入力した場合に開き、ダイアログユーザーがEnterキーを押してダイアログの最初のボタンにフォーカスがあるので、Enterキーが最初のボタンをトリガーし、ダイアログが最初のボタンコードの実行後に閉じるように、ダイアログがすぐに閉じます。

Answer 2

イベントオブジェクトをnameInputのイベントハンドラに渡すのを忘れたようです。アラートコールはそれとは関係ありません。

それは次のようになります。私は同様の問題を抱えていたし、遅延を追加

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

Answer 3

。試してみてください：

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