Question

我正在使用JQUERY插件进行分页：

http://jonpauldavies.github.com/JQuery/Pager/PagerDemo.html

它在页面上工作正常。但是当我通过JQUERY的加载方法调用页面时，分页没有显示

$('#divbody').load('abc.php?q='+pid, null, function(){
});

和abc.php上的代码是：

 <script type="text/javascript" language="javascript">
 $(document).ready(function() {
   $("#pager").pager({ pagenumber: <?php echo $pageNum ?>, pagecount: <?php echo     $maxPage; ?>, buttonClickCallback: PageClick               });
$('#divbody1').load("xyz.php?pid=<?php echo $pid; ?>&page=" + <?php echo $pageNum ?>);

    });

    PageClick = function(pageclickednumber) {
        $("#pager").pager({ pagenumber: pageclickednumber, pagecount: <?php echo $maxPage; ?>, buttonClickCallback: PageClick });
        $('#divbody1').load("xyz.php?pid=<?php echo $pid; ?>&page=" + pageclickednumber);
    }
</script>

和xyz.php只有echo语句来打印pid值。

由于

Answer 1

将寻呼机的初始化外部化为单独的javascript文件：

function initializePager(opts) {
    $("#pager").pager({ ... });
}

在abc.php中，当DOM准备好正常请求时，你可以调用这个函数：

<script type="text/javascript">
$(function() { 
    initializePager({ 
        pagenumber: '<?php echo $pageNum ?>', 
        ... 
    }); 
});
</script>

最后在你的ajax成功回调中再次调用初始化函数：

$('#divbody').load('abc.php?q='+pid, null, function() {
    initializePager({
        pagenumber: '<?php echo $pageNum ?>', 
        ... 
    });
});

jquery分页问题

1 个答案: