в JQuery нажатие модального всплывающего окна

Question

я открыл диалоговое окно JQuery модальное, который имеет 2 текстовые поля и кнопки

<table cellpadding="0" cellspacing="0"> 
     <tr> 
      <td align="center"><input name="" type="text" value="" title="User Name" class="width190 enter_popup" id="txtUserName" onfocus="txtFocus(this)" onblur="txtFBlur(this,'0')"/></td> 
      <td align="center"><input name="" type="password" value="" title="Password" class="width190 enter_popup" id="txtPassword" onfocus="txtFocus(this)" onblur="txtFBlur(this,'1')"/></td> 
     </tr> 
     <tr> 
      <td colspan="2" align="center"><input name="" type="submit" class="blue_btn" value="Sign In" id="btnLogIn" onclick="javascript:return LogIn()"/></td> 
     </tr> 

     </table> 

сейчас в моем сценарии я звоню функции Войти

$(function() { 

    $(".enter_popup").keypress(function (e) { 
     if (e.keyCode == 13) { 
      if ($(this).attr('id') == "txtUserName" || $(this).attr('id') == "txtPassword") { 
       LogIn(); 
      } 

     } 
    }); 
}); 

function LogIn() { 
    var username = $('#txtUserName').val(); 
    var password = $('#txtPassword').val(); 
} 

но не нажатие уволен .. какие идеи почему и для чего это возможно?

Answer 1

Вы должны использовать событие делегирование динамически создаваемые элементы

$(document).on('keypress','.enter_popup',function(){ 
    /*Your code*/ 
}); 

Answer 2

пытается использовать события KeyDown или KeyUp вместо:

$(function() { 

$(".enter_popup").keyup(function (e) { 
    if (e.keyCode == 13) { 
     if ($(this).attr('id') == "txtUserName" || $(this).attr('id') == "txtPassword") { 
      LogIn(); 
     } 

    } 
});