Диалоговое окно jquery

Question

Мне очень трудно найти ответы на это конкретное действие диалогового окна. Проблема заключается в том, что пользователь нажимает кнопку «ввести» (keyCode = 13), диалог закрывается ... как будто нажата клавиша «esc». Я хочу, чтобы диалоговое окно открывалось даже при нажатии «enter».

Довольно простой код, простое диалоговое окно из jquery (1.2.6).

У меня есть запрос Ajax Наполнение Диалоговое окно

var div = $("`<div>`testing`</div>`"); 

$.ajax({ 

     type  :"GET", 
     dataType : "html", 
     cache  : false, 
     async  : false, 
     url  : WorldWideInventory.baseURL+"/templates/invoice_invoicenumber_confirm.tpl.html", 
     error  : function(){ alert("Failed to Connect to Server, Please try Again");}, 
     success : function(response){ 
        div.html(response); 
     } 
}); 

div.appendTo("#APO_Wrapper").dialog({ 

      width:662, 
      height:407, 
      closeOnEscape: true, 
      bgiframe: true, 
      modal: true, 
      title: "Confirm Invoice Number", 
      beforeClose: function(){return false;}, 
      close: function(){return false;} 

}); 

То оно ... это сводит с ума, кто-нибудь есть какие-либо предложения/ответы на эту проблему? Хорошая карма будет отправлена ​​вам!

Answer 1

Проблема, с которой вы столкнулись, заключается в том, что при активации диалога тесная связь фокусируется, поэтому, когда пользователь нажимает, он эффективно вызывает команду закрытия диалога.

Попробуйте дать фокус на другой интерактивный элемент (например, кнопки, ссылки, элемент формы, и т.д.), когда диалог открываются с помощью открытого события в диалоге, аналогичен:

div.appendTo("#APO_Wrapper").dialog({ 

      width:662, 
      height:407, 
      closeOnEscape: true, 
      bgiframe: true, 
      modal: true, 
      title: "Confirm Invoice Number", 
      open: function(event, ui){ $("#someOtherSelector").focus(); } 

}); 

Посмотрите, как вы пойдите с этим. Это не происходит с текущей версией jQuery и jQuery UI, хотя, если вы можете обновить, я бы рекомендовал это.