在XHR响应之后,如何使用jQuery重新绑定此Javascript事件?

时间:2011-10-12 08:36:09

标签: javascript jquery ajax

我在网页中嵌入了一个表单。当用户点击提交时,XHR响应是重置所有字段的表单(即成功时),或者是带有错误消息的表单(即失败时)。我使用响应覆盖现有表单。

这在用户第一次提交表单时有效。但是,如果他们第二次提交,则问题是表单正在发布完整的HTTP请求。

在网页中,表单以span,#add-container包装。表单中的按钮是#add-button。

根据下面的代码,每当span中的内容发生变化时,我都会尝试将函数重新绑定到buttom的click事件。这似乎是第一次(即文档加载时),但不是后续时间(即XHR响应加载到页面中时)。

// Add product and services
$(document).ready(function() {
    $("#add-container").change(prepareAddForm());
});

function prepareAddForm() {
    var uri = '/product/add/org/4/format/html';

    $("#add-button").click(function() {
        $("#add-container").load(uri, {language: "php", version: 5});
        return false;
    });
}

有什么想法吗?谢谢你的帮助......

1 个答案:

答案 0 :(得分:1)

抱歉 - 刚刚整理出来。需要使用.live()方法!