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

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

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

        // rest of code
    });
});

Answer 2

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

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)

Jquery文件就绪功能，加载后功能

2 个答案: