jquery - 表排序器 n[0] 未定义

Question

我在使用表排序器时遇到问题。错误是: n[0] 未定义

function appendToTable(table,cache) {

            if(table.config.debug) {var appendTime = new Date()}

            var c = cache, 
                r = c.row, 
                n= c.normalized, 
                totalRows = n.length, 
                checkCell = (n[0].length-1), 
                tableBody = $(table.tBodies[0]),
                rows = [];

            for (var i=0;i < totalRows; i++) {
                rows.push(r[n[i][checkCell]]);  
                if(!table.config.appender) {

                    var o = r[n[i][checkCell]];
                    var l = o.length;
                    for(var j=0; j < l; j++) {

                        tableBody[0].appendChild(o[j]);

                    }

                    //tableBody.append(r[n[i][checkCell]]);
                }
            }   

上面是 jquery.tablesorter.js 的代码片段 其中显示 checkCell = (n[0].length - 1) 的行是发生错误的位置。

我不明白如何将 undefined object 传递到函数中。表排序器在我的一个项目中运行良好，但在该项目中运行不佳。

[编辑] 这是用于调用表排序器的代码片段。如果我注释掉tablesorter和tablesorterPager，我的代码中的任何其他内容都不会中断。

$reviewTable = $("#reviewTable");
$reviewTable.tablesorter();
$reviewTable.tablesorterPager({ container: $("#pager"), size: 100, widgets: ['zebra'] });

下面是客户端

<asp:Repeater ID="reviewRepeater" runat="server">
    <HeaderTemplate>
        <table cellpadding="0" cellspacing="0" class="MarkAsReceived" id="reviewTable">
            <thead>
                <tr class="even">
                    <th align="left">Review ID</th>
                    <th align="left">Date Submitted</th>
                    <th align="left">Rating</th>
                    <th align="left">Image</th>  
                    <th align="left">ProductId</th>
                    <th align="left">Status</th>
                    <th align="left">Name</th>
                </tr>
            </thead>
            <tbody>
    </HeaderTemplate>
    <ItemTemplate>
        <tr>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "ReviewId")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "SubmissionDate")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "Rating")%></td>
            <td align="left"><%#hasImage(DataBinder.Eval(Container.DataItem, "ReviewerImages"))%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "ProductId")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "Status")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "Nickname")%></td>
        </tr>
    </ItemTemplate>
    <AlternatingItemTemplate>
        <tr>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "ReviewId")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "SubmissionDate")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "Rating")%></td>
            <td align="left"><%#hasImage(DataBinder.Eval(Container.DataItem, "ReviewerImages"))%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "ProductId")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "Status")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "Nickname")%></td>
        </tr>
    </AlternatingItemTemplate>
    <FooterTemplate>
            </tbody>
        </table>
        <asp:Label ID="lblEmpty" Text="No Items." runat="server" Visible='<%# reviewRepeater.Items.Count == 0 %>'></asp:Label>
    </FooterTemplate>
</asp:Repeater>

Answer 1

如果我记得的话，您会收到该错误，因为表最初是空的( tbody )。因此，请修改该行代码:

checkCell = (n[0].length-1),

对此:

checkCell = totalRows ? (n[0].length - 1) : 0,

如果你有兴趣，我有 forked并对 github 上的原始 tablesorter 插件添加了许多增强功能(包括上述更改)。