不显示链接

Question

我不知道为什么但是这个分页插件没有显示页面链接，我不知道为什么。

(function($) {
$.extend({
    tablesorterPager: new function() {

        function updatePageDisplay(c) {
            var s = $(c.cssPageDisplay,c.container).val((c.page+1) + c.seperator + c.totalPages);   
        }

        function setPageSize(table,size) {
            var c = table.config;
            c.size = size;
            c.totalPages = Math.ceil(c.totalRows / c.size);
            c.pagerPositionSet = false;
            moveToPage(table);
            fixPosition(table);
        }

        function fixPosition(table) {
            var c = table.config;
            if(!c.pagerPositionSet && c.positionFixed) {
                var c = table.config, o = $(table);
                if(o.offset) {
                    c.container.css({
                        top: o.offset().top + o.height() + 'px',
                        position: 'absolute'
                    });
                }
                c.pagerPositionSet = true;
            }
        }

        function moveToFirstPage(table) {
            var c = table.config;
            c.page = 0;
            moveToPage(table);
        }

        function moveToLastPage(table) {
            var c = table.config;
            c.page = (c.totalPages-1);
            moveToPage(table);
        }

        function moveToNextPage(table) {
            var c = table.config;
            c.page++;
            if(c.page >= (c.totalPages-1)) {
                c.page = (c.totalPages-1);
            }
            moveToPage(table);
        }

        function moveToPrevPage(table) {
            var c = table.config;
            c.page--;
            if(c.page <= 0) {
                c.page = 0;
            }
            moveToPage(table);
        }


        function moveToPage(table) {
            var c = table.config;
            if(c.page < 0 || c.page > (c.totalPages-1)) {
                c.page = 0;
            }

            renderTable(table, c.rowsCopy);
        }

        function renderTable(table,rows) {
            var c = table.config;
            var l = rows.length;
            var s = (c.page * c.size);
            var e = (s + c.size);
            if(e > rows.length ) {
                e = rows.length;
            }

            if (c.afterPagingCallBack) c.afterPagingCallBack();

            var tableBody = $(table.tBodies[0]);

            // clear the table body
            $.tablesorter.clearTableBody(table);

            for(var i = s; i < e; i++) {
                //tableBody.append(rows[i]);

                var o = rows[i];
                var l = o.length;
                for(var j=0; j < l; j++) {
                    tableBody[0].appendChild(o[j]);
                }
            }

            fixPosition(table,tableBody);
            $(table).trigger("applyWidgets");
            if( c.page >= c.totalPages ) {
                moveToLastPage(table);
            }
            updatePageDisplay(c);
        }

        this.appender = function(table,rows) {
            var c = table.config;

            c.rowsCopy = rows;
            c.totalRows = rows.length;
            c.totalPages = Math.ceil(c.totalRows / c.size);
            renderTable(table,rows);
        };

        this.defaults = {
            size: 1,
            offset: 0,
            page: 0,
            totalRows: 0,
            totalPages: 0,
            container: null,
            cssNext: '.next',
            cssPrev: '.prev',
            cssFirst: '.first',
            cssLast: '.last',
            cssPageDisplay: '.pagedisplay',
            cssPageSize: '.pagesize',
            cssPageLinks: 'a.pageLink',  // extension setting
            seperator: "/",
            positionFixed: false,  // defaulting this to false.  original value is true.
            appender: this.appender,
            afterPagingCallBack: null
        };

        this.construct = function(settings) {
            return this.each(function() {
                config = $.extend(this.config, $.tablesorterPager.defaults, settings);

                var table = this, 
                    pager = config.container;

                $(this).trigger("appendCache");

                var $pageSizeEl = $( ".pagesize", pager );
                if( $pageSizeEl.length > 0 )
                    config.size = parseInt( $pageSizeEl.val() );

                $(config.cssFirst,pager).click(function() {
                    moveToFirstPage(table);
                    return false;
                });
                $(config.cssNext,pager).click(function() {
                    moveToNextPage(table);
                    return false;
                });
                $(config.cssPrev,pager).click(function() {
                    moveToPrevPage(table);
                    return false;
                });
                $(config.cssLast,pager).click(function() {
                    moveToLastPage(table);
                    return false;
                });
                $(config.cssPageSize,pager).change(function() {
                    setPageSize(table,parseInt($(this).val()));
                    return false;
                });

                // Extension code
                $( config.cssPageLinks, pager ).first().parent().addClass( 'current' ); // add the "currently selected" class to the first link

                $( config.cssPageLinks, pager ).click( function() {
                    var $el = $(this);

                    // Remove the "current" (selected) class from all links,
                    // and then add it to the one that was just clicked.
                    $( config.cssPageLinks, pager ).parent().removeClass( 'current' );
                    $el.parent().addClass( 'current' );

                    table.config.page = parseInt( $el.html() ) - 1;
                    moveToPage( table );

                    return false;
                } );
            });
        };

    }
});

// extend plugin scope
$.fn.extend({
    tablesorterPager: $.tablesorterPager.construct
});

})(jQuery);             

这是我的实际页面。

<script type="text/javascript">
$(document).ready(function() {

$('#usersPageList').tablesorter().tablesorterPager({container:$('#usersPageList .pagination'),cssPageLinks:'a.pageLink'});

$('a.bt_green').click(function(e) {
    e.preventDefault();
    $('div.right_content').load('forms/addnew/' + $(this).attr('id'));
});

$('table tr').click(function() {

    checkBox = $(this).children('td').children('input[type=checkbox]');

    if(checkBox.attr('checked'))
        checkBox.removeAttr('checked');
    else
        checkBox.attr('checked', 'checked');

});

$('.ask').jConfirmAction();

$('.ask2').jConfirmAction({question : "Are you sure you want to delete all selected user accounts?", yesAnswer : "Yes", cancelAnswer : "No"});    

});
</script>

<h2>User Accounts</h2> 

<table id="usersPageList" class="rounded-corner">

    <thead>

    <tr>

        <th scope="col" class="rounded-first"></th>
        <th scope="col" class="rounded">Name</th>
        <th scope="col" class="rounded">Email Address</th>
        <th scope="col" class="rounded">Username</th>
        <th scope="col" class="rounded">Edit</th>
        <th scope="col" class="rounded-last">Delete</th>

    </tr>

</thead>

<tfoot>

    <tr>

        <td colspan="5" class="rounded-foot-left"><em>Displays all of the registered and verified users!</em></td>
        <td class="rounded-foot-right">&nbsp;</td>

    </tr>

</tfoot>

<tbody>

        <?php 
        while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
            echo "<tr>";
            echo "<td><input type=\"checkbox\" name=\"users[]\" value=\"".$row['userID']."\"/></td>";
            echo "<td>".$row['name']."</td>";
            echo "<td>".$row['emailAddress']."</td>";
            echo "<td>".$row['username']."</td>";
            echo "<td><a href=\"#\"><img src=\"images/user_edit.png\" alt=\"\" title=\"\" border=\"0\" /></a></td>";
            echo "<td>";
            if (($row['userID'] !== '10000') && ($row['userID'] !== $userID)){
                echo "<a href=\"#\" class=\"ask\"><img src=\"images/trash.png\" class=\"delete\" alt=\"\" title=\"\" border=\"0\" id=\"".$row['userID']."\" /></a>";
            }
            echo "</td>";
        echo "</tr>";
    }
    ?> 

</tbody>

</table>

<?php
addRemove($fileName,$pageName);
echo "<div class=\"pagination\">";
echo "</div>";
?>