Jquery文档就绪函数、加载后函数

Question

我已经通过 jQuery 加载了一个表单。因此，应用于它的 $(document).ready(function() 不再起作用。加载后我们如何将函数重新建立到表单中。

内容加载到：

$('.section.com').load(window.location.href + ' .section.com .tubs')

因此，这不再起作用：

$('#commentform').ajaxForm(function () {
    $('.commentslogic').load('<?php the_permalink();?> .commentslogic .inner', function () {
        $('.commentlist li:first').hide();
        $('.commentlist li:first').slideDown(400);
        $('.commentlist li:first').effect('highlight', {}, 800);
        $('#cloader').slideUp(400);
    })
});

Answer 1

将表单绑定放入一个函数中，以便您可以重用它：

function bindForm() {
  $('#commentform').ajaxForm(function() { 
    $('.commentslogic').load('<?php the_permalink();?> .commentslogic .inner', function(){
      $('.commentlist li:first').hide(); $('.commentlist li:first').slideDown(400); $('.commentlist li:first').effect('highlight', {}, 800); $('#cloader').slideUp(400);
    })
  });
}

现在您可以从 ready 事件调用它，也可以在 load 方法中作为回调调用它来绑定新的形式：

$('.section.com').load(window.location.href + ' .section.com .tubs', bindForm)

Answer 2

将其放入 .load 的回调中，以便将其重新应用于替换的元素：

$('.section.com').load(window.location.href + ' .section.com .tubs', function() {
    $('#commentform').ajaxForm(function() { 

        // rest of code
    });
});