jquery - jQuery.ajax 新元素检查

Question

我正在尝试使用 ajax 登录网页。我有这个：

    $.ajax({
       type: "POST",
       url: "ajax/login.php",
       data: dataString,               
       success: function(answer) {
           $('#loging').html(answer);           
       }      
    });

它工作正常，但是：答案变量是这样的：

    Hi user, <span id="logout_button">Logout</span>

我可以看到按钮“注销”，但我的浏览器不知道这里有任何 span id="logout_button"。我有与#logout_button 绑定的注销代码，但它不起作用，因为我的浏览器对这个按钮一无所知。当我刷新页面时，注销工作正常。

那么，有什么方法/功能可以对 jQuery 说“嗨，伙计，请检查文档上的新元素”？

Answer 1

是的，您可以使用 .delegate() 而不是 .bind()

$('body').delegate('#logout_button', 'click', function() {
    //here the code
});

Answer 2

对于 jquery 1.7+，最好使用“on”

$("body").on("click", "#logout_button", function() {
    //here the code
});