Фильтр таблиц JQuery не работает с плагином на странице ASP.NET MVC

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

Единственное, что я вижу по-разному между вашим кодом и кодом в блоге Боба, это то, что строка

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

разбита на две разные строки, строка такая:

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

Это так в его сообщении в блоге, и если вы просматриваете / источник на его примере, то так же и в его сценарии.

Да, я знаю, о чем вы думаете, но пробел - иногда значительный в Javascript, особенно когда он добавляет пропущенные точки с запятой в конце строк.Вам нечего терять, пытаясь.