在Jquery插件wpaginate中使用ajax更新选项总页面


Update option total pages with ajax in Jquery Plugin wpaginate

我的wpaginate Jquery插件有问题:https://github.com/websanova/wPaginate。它具有total属性,即记录的总数。但我不知道如何使它正常工作。

Javascript:

$.get(rootUrl + "js/my_cursostotal.php", {}, function(data){ 
$('#wPCursos').wPaginate({
    theme: 'lightblue',
    total: data,
    limit: 3,
    url: function(i) {
        $('#wPCursos').wPaginate('total', data);
        loadCursos('action=ajax&page='+ (i+1) );
        },
        ajax: true
    });
});
function loadCursos(str) {
    //$("#loader").fadeIn('slow');
    $('#cursosTabla').load('index.php?'+str,function() {
        //$("#loader").fadeOut('slow');
    });
    console.log("%s", str);
}

my_cursostotal.php

$cursos_total = $cursos_tabla->total();
echo $cursos_total;

当我删除或添加元素时,表$cursos_total的元素会发生变化,但总页面不会更新,直到我单击2个页面项目。

我使用了console.log("%s"数据),并在其中获得了正确的元素,但wpaginate项直到我在页面中单击两次,然后出现新页面或删除页面后才接受它。

我能做什么?这对我来说很重要。

我想我必须修改Jquery插件,但我不知道。我试过了,但对我来说很复杂。

我只想知道如何重置jQuery插件wpaginate的设置,以正确显示页数。

你在这里有一个插件的演示:http://wpaginate.websanova.com/

提前谢谢。

我找到了一些帮助,并解决了它:

$.get(rootUrl + "js/my_cursostotal.php", {}, function(data){ 
$('#wPCursos').wPaginate({
    theme: 'lightblue',
    total: data,
    limit: 3,
    url: function(i) {
        $.get(rootUrl + "js/my_cursostotal.php", {}, function(data){ 
            $('#wPCursos').wPaginate('total', data);
            $('#wPCursos').data('_wPaginate').generateLinks();
        });
        loadCursos('tabla=cursos&action=ajax&page='+ (i+1) );
    },
    ajax: true
});
});

"$('#wPCursos').data('_wPaginate').generateLinks();"就是诀窍。