JQuery нажмите событие не стреляя для диалога кнопки

Question

Я форме входа в систему, как показано ниже,

<a href="#" id="loginLink">click Here to Log in</a> 
<div class="formDiv" id="formDiv"> 
<form name="loginForm" id="loginForm" action="#"> 
    <label>Email</label><input type="text" name="email" id="email"><br/> 
    <label>Passw</label><input type="password" name="pwd" id="pwd"><br/> 
    <input type="submit" value="Log in" id="loginbtn" name="loginbtn"> 
</form> 
</div> 

Я хочу, чтобы представить эту форму данных с использованием Ajax, для этого, когда пользователь нажимает на #loginbtn я делаю Ajax родственный но проблема click Событие не стреляет, когда нажимает на #loginbtn, вот jsfiddle.

Answer 1

Поскольку динамический диалог, содержащий диалог, динамически добавляется, вы не можете связать событие click с ним. Привяжите его вместо некоторого родителя, который фиксируется как document.

я редактировал скрипку, и она работает: http://jsfiddle.net/WNMfA/2/

Answer 2

Попытка связать событие щелчка, как это:

$(document).on("click","#loginbtn",function(e){ 
// do stuff 
}) 

Answer 3

или вы можете создать кнопки в диалоговом окне определения, как в

$("#dialog-form").dialog({ 
    autoOpen: false, 
    height: 300, 
    width: 350, 
    modal: true, 
    buttons: { 
    "Login": function() { 
     alert('test'); 
     $(this).dialog("close"); 
     } 
    }, 
    Cancel: function() { 
     $(this).dialog("close"); 
    } 
    }, 
    close: function() { 
    allFields.val("").removeClass("ui-state-error"); 
    } 
});