JQuery JScroll for Table

时间:2014-03-24 08:40:16

标签: javascript jquery jquery-plugins

目前我正在使用JQuery插件:JScroll为我的表实现延迟加载。但是,在我使用以下代码之后,我不知道为什么:

$('#table-modify2').jscroll();

延迟加载仍无法正常工作。这里不起作用意味着每次加载页面时它都会显示我的所有数据。

为了您的信息,表的数据来自数据库,我使用JQuery AJAX来获取数据。

这是我的代码:

$(document).ready(function(){
    $('#table-modify2').tablesorter();
    $('#table-modify2').jscroll();

    bericht();
});

function bericht()
{
    $.post("func/bericht.php",
    {

    },
    function(data)
    {
        con = displayResult(data);
        $('#table-modify2').find('tbody').html(con);
        $('#table-modify2').trigger('update');
        //$("#table-checkout").html(con);
    });
}

function displayResult(data)
{
    con = "";
    row = data.split("_");
    for(i=0,j=row.length-1;i<j;i++)
    {
        col = row[i].split("#");
        con += "<tr>";
        for(k=0,m=col.length;k<m;k++)
        {
            if(col[k] == "internal" || col[k] == "external" || col[k] == "dp")
            {
                if(col[k] == "internal")
                {
                    con += "<td class=small><input id = int type =radio checked disabled></td>";
                    con += "<td class=small></td>";
                    con += "<td class=small></td>";
                }
                else if(col[k] == "external")
                {
                    con += "<td class=small></td>";
                    con += "<td class=small><input id = int type =radio checked disabled></td>";
                    con += "<td class=small></td>";
                }
                else
                {
                    con += "<td class=small></td>";
                    con += "<td class=small></td>";
                    con += "<td class=small><input id = int type =radio checked disabled></td>";
                }
            }
            else
            {
                con += "<td>"+col[k]+"</td>";
            }
        }
        con += "</tr>";
    }
    //con += "</table>";
    return con;
}

有什么想法吗?提前致谢

0 个答案:

没有答案