jquery - 无法序列化：动态添加的最后一个表单

Question

我尝试使用滚动分页来制作无尽的滚动页面。
当滚动到页面底部时，它会在底部添加新数据和表单，
但是当我再次滚动到底部时，它不会序列化只是动态添加的表单，而是会序列化第一个表单。，对不起我的英语不好！
这是我的 Jquery 的一部分

$(function(){
var datastring=$(".passform:last").serialize();
$('#update').scrollPagination({
    'contentPage': 'post_update.php',
    'contentData': {
        data : datastring
        }, 
    'scrollTarget': $(window), 
    'heightOffset': 10, 
    }
});});

这是我的 HTML 中的第一个表单

<form id="passform" class="passform" name="passform">
        <input name="totalpage" type="hidden" value="<? echo($totalpage);?>" />
        <input name="nowpage" type="hidden" value="0" />
        <input name="u_id" type="hidden" value="<? echo($u_id);?>" />
        </form>

这是稍后动态添加的表单

 <form class="passform" id="passform2" name="passform2">
        <input name="totalpage" type="hidden" value="<? echo($totalpage);?>" />
        <input name="nowpage" type="hidden" value="1" />
        <input name="u_id" type="hidden" value="<? echo($u_id);?>" />
        </form>

Answer 1

根据插件站点afterLoad，您可以使用类似于此的选项：

var datastring;

$('#update').scrollPagination({
    'contentPage': 'post_update.php',
    'contentData': {
        data: datastring
    },
    'scrollTarget': $(window),
    'heightOffset': 10,
    'afterLoad': function (elementsLoaded) {
        datastring=$(".passform:last").serialize();

        // or use elementsLoaded I suppose which should be the elements just loaded.
        //datastring=$(".passform", elementsLoaded).serialize();
    }
});