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

时间:2013-02-18 20:30:17

标签: jquery html

我尝试使用scroll-pagination来制作无限滚动页面 当滚动到页面底部时,它将在底部添加新数据和表格
但是当我再次滚动到底部时,它不会序列化只是动态添加但是序列化第一个表单的表单。 ,对不起我的英文!
这是我的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>

1 个答案:

答案 0 :(得分:2)

根据plug-in site,您可以使用类似的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();
    }
});