Question

我有一张桌子并试图使用uiTableFilter插件进行过滤，如下所示：http://silverwareconsulting.com/index.cfm/2008/10/2/jquery-autofiltering-table

这是JQuery功能：

<script type="text/javascript">

$(document).ready(function() {
    $table = $("#myTable").tablesorter({widthFixed: true, widgets: ['zebra']});
    FilterText = "";
    ColumnArray = ["Country","Province/State"];
    for (i=0;i<ColumnArray.length;i++) {
        $("#myTable tbody tr").find("td:eq(" + i + ")").click( function() {
            clickedText = $(this).text();
            FilterText = ((FilterText == clickedText) ? "" : clickedText );
            $.uiTableFilter( $table, FilterText, ColumnArray[i]);
       });
    }
});

</script>

以下是我的观看代码：

<table id="myTable" class="tablesorter">
    <thead>
        <tr>

            <th align="left">Transaction<br />ID</th>
            <th align="left">Transaction<br />Date</th>
            <th align="left">Name</th>
            <th align="left">Email Address</th>
            <th align="left">Products</th>
        </tr>
    </thead>
    <tbody>
        <% foreach (var item in Model) { %>
            <tr id="<%= Html.Encode(item.TX_Id) %>">
                <td><%= item.TX_Id %></td>
                <td><%= String.Format("{0:g}", item.UpdatedOn) %></td>
                <td><%= Html.Encode(item.AddressDetail.CustomerMaster.FullName()) %></td>
                <td><%= Html.Encode(item.AddressDetail.Email) %></td>
                <td><%= item.Document.Product.Name %></td>

            </tr>
        <% } %>
    </tbody>
</table>

没有达到这条线：

$("#myTable tbody tr").find("td:eq(" + i + ")").click( function() {

感谢所有回复。

Answer 1

在我的代码和Bob博客中的代码之间，我唯一能看到的就是该行

$table = $("#myTable").tablesorter({widthFixed: true, widgets: ['zebra']});

分为两个不同的行，这一行：

$table = $("#myTable")
    .tablesorter({widthFixed: true, widgets: ['zebra']});

就是这样，在他的博客文章中，如果你查看/获取他的例子，那也是在他的剧本中。

是的，我知道你在想什么，但是Javascript中的空格有时很重要，特别是当它在行末添加缺少的分号时。通过尝试你没有什么可失去的。

JQuery Table过滤器无法在ASP.NET MVC页面上使用插件

1 个答案: