Javascript 在jQuery中从Ajax请求生成Ajax表单

客户端正在向服务器发出请求。 我需要参与该请求，并使表单按钮与Ajax一起工作

这段代码适用于以下链接：

var pagination_render = function() {
    var pagination = $('.pagination a');
    pagination.each(function() {
        $(this).click(function(event) {
            load_server(this.href, '.houseindex');
            return false;
        });
    });
};
pagination_render();

为了让Ajax按钮正常工作，我尝试了很多方法，这是其中一种尝试：

var contact_user = function () {
    $('.expanded').find('#submit').each(function() {
        $(this).unbind('click');
    });

    $('.expanded').each(function() {
        $(this).find('#submit').click(function(event) {
            form_submit($(this).parent(), '.contactuser .msg');
            return false;
        });
    });
}

只要有一个成功的Ajax调用，它就会遍历所有扩展项，然后绑定一个单击事件

现在，这段代码有时有效，有时无效。。当它不工作时，它会禁用我设置的其他事件（切换链接）。

---

似乎我需要等待几毫秒，它才能将组件加载到DOM中。。是吗？

所以当你打电话给

联系用户时，我就知道了

你：

首先，从“提交”按钮取消绑定任何以前绑定的单击事件。我发现了一个可能的问题，那就是您正在寻找

#submit

的id。一个页面中应该只有一个id。因此，您只需要使用

$（“#提交”）。每个（…）

或者如果页面中有多个提交按钮，则可以使用类（如果

.expanded

项中有多个提交按钮），或者只使用

$（'.expanded:submit'）

单击“提交”按钮时添加自定义事件。同样，您可以通过

$（'.expanded:submit'）

简化此操作，或者如果您确实只有一个id为

submit

的按钮（非常混乱）。使用

$（“#提交”）

总之：

var contact_user = function(){
   $('.expanded :submit').unbind('click');
   $('.expanded :submit').click(function(){
      form_submit($(this).parent(), '.contactuser .msg');
      return false;
   });
};

---

：submit

选择器将选择所有

完美答案，谢谢。显然，问题在于对函数的重复调用。我喜欢使用：submit，忘了jQuery也可以。