Как я могу использовать плагин JQuery TableSorter в ASP.NET MVC Partial View? Когда я вставляю PartialView в View, я использую ajax

Question

У меня есть View с таблицей и плагин JQuery tablesorter. Это работает очень хорошо. Но когда я пытаюсь вставить таблицу и TableSorter в PartialView и вставить этот PartialView в страницу View с помощью Ajax, TableSorter не работает.

В частичное представление не работает jquery. Плагин не вызывается.

Код моего контроллера:

public ActionResult MyTable()
        {
           //query type IQueryable

            return PartialView(query);
        }

Моя база Посмотреть код

...
    <% using (Ajax.BeginForm("MyOrgsTable", new AjaxOptions { UpdateTargetId="MyTable", InsertionMode = InsertionMode.Replace}))
           { %>  <p>
               Name:&nbsp<%=Html.TextBox("search_org", ViewData["searchName"])%>&nbsp<input type="submit" value="Поиск" />
              </p>
        <% } %>

        <div id="MyTable">
        </div>
...

My Partial View код:

<script type="text/javascript" id="js">
    $(document).ready(function() {
        // call the tablesorter plugin
        $("table").tablesorter({
            headers: {
                5: { sorter: "MyDate" },
                6: { sorter: "MyDate" }
            },
            widthFixed: true,
            widgets: ['zebra']
        });
    }); 
</script>

<table  cellspacing="1" class="tablesorter">
<thead>
    <tr>
        ...
    </tr>
    </thead>
    <tbody>
    <% foreach ( var item in Model )
       { %>
       // some table rows
    <% } %>
    </tbody>
</table>

Заголовок моей главной страницы:

    <script type="text/javascript" src="<%= Url.Content("~/Scripts/MicrosoftAjax.js") %>"></script>
    <script type="text/javascript" src="<%= Url.Content("~/Scripts/MicrosoftMvcAjax.js") %>"></script>
    <script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery-1.3.2.js") %>"></script>
    <script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery.tablesorter.js") %>"></script>
    <script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery.tablesorter.pager.js") %>"></script>

Answer 1

Вы можете обнаружить, что функция $ (document) .ready никогда не вызывается при попытке и Отобразите частичное представление с помощью ajax, стоило бы поставить предупреждение или что-то там, только чтобы подтвердить это.

Answer 2

Вы уже просмотрели реальный источник с отображаемой страницы? Из реальной веб-страницы должно быть ясно, в чем проблема.