php - Ajax 大问题..无法解决

Question

嘿，

我使用 ajax 进行实时用户名验证:

<td id="user_process_live"><input type="text" id="user_live_ver" name="user" /></td>

abnd 以下 java :

  $("input#user_live_ver").blur(function() {
    var username=$(this).val();
    var dataString = 'username=' + username;
    $.ajax({
        type: "POST",
        url: "ajax/login_ajax.php",
        data: dataString,
        cache: false,
        success: function(html) {
           $("td#user_process_live").html(html); 
        }

        });
    });

login_ajax.php返回相同的 <input type=text id=user_live_ver name=user />但应用了不同的样式(背景颜色和边框颜色):如果用户名已存在，则为红色；如果用户不存在，则为绿色...

问题是脚本只执行一次..仅一次 .blur() ...

如果我删除 .ajax({ ... etc });并插入alert(dataString);每次我点击输入alert()被触发，但与 .ajax() 不同...

问题出在哪里？非常感谢

Answer 1

问题是您在第一个 ajax 请求返回后替换了输入，因此您的模糊事件不再绑定(bind)。尝试使用delegate绑定(bind)您的事件:

var process_live = $("#user_process_live");
process_live.delegate("#user_live_ver", "blur", function() {
    var username = $(this).val(),
        dataString = {'username': username};
    $.ajax({
        type: "POST",
        url: "ajax/login_ajax.php",
        data: dataString,
        cache: false,
        success: function(html) {
           process_live.html(html); 
        }
    });
});