0

这是我的视图代码：

    <script type="text/javascript">
    $(document).ready(function () {
        $("#myTable").tablesorter();
    });

</script>
    <table id="myTable" class="tablesorter">
    <thead>
    <tr>
        <th>
            Date Debut
        </th>
        <th>
            Date Fin
        </th>
        <th></th>
    </tr>
    </thead>
    <tbody>
<% foreach (var item in Model) { %>
    <tr>
        <td>
            <%: item.Dd.ToShortDateString() %>
        </td>
        <td>
            <%: item.Df.ToShortDateString() %>
        </td>
        <td>
            <%: Html.ActionLink("Supprime", "DeleteInd", new { id=item.idind }) %>
        </td>
    </tr>
<% } %>
</tbody>
</table>

我还在我的母版页中添加了那些脚本：

<script src="../../Scripts/jquery.tablesorter.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-latest.js" type="text/javascript"></script>

我试图允许对表进行排序，所以我使用了本网站上所有准备好的 jquery 脚本，但它不起作用？我想我错过了一些非常简单的事情，但我想不通:(

这是生成的代码：

 <script src="../../Scripts/jquery.ui.core.js" type="text/javascript"></script>

    <script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>

    <script src="../../Scripts/jquery.ui.datepicker.js" type="text/javascript"></script>

    <script src="../../Scripts/jquery.ui.core.min.js" type="text/javascript"></script>

    <script src="../../Scripts/jquery.ui.widget.js" type="text/javascript"></script>

 <script src="../../Scripts/jquery-latest.js" type="text/javascript"></script>

    <script src="../../Scripts/jquery.tablesorter.js" type="text/javascript"></script>

   <script type="text/javascript">
        $(function () {
            $("#dd").datepicker({ dateFormat: 'dd-mm-yy' });
            $("#df").datepicker({ dateFormat: 'dd-mm-yy' });
            $("#dd1").datepicker({ dateFormat: 'dd-mm-yy' });
            $("#df1").datepicker({ dateFormat: 'dd-mm-yy' });
        });
    </script> 
</head>
  <body>
// html code
<script type="text/javascript">
    $(document).ready(function () {
        $("#myTable").tablesorter();
    });
</script>
<div class="clear">&nbsp;</div>
        <div id="main">
        <h1> List des Vehicule</h1>    
<table id="myTable" class="tablesorter">
    <thead>
    <tr>
        <th>
            Date Debut
        </th>
        <th>
            Date Fin
        </th>
        <th></th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>
            01/04/2012
        </td>
        <td>
            26/04/2012
        </td>
        <td>
            <a href="/Agence/DeleteInd/2">Supprime</a>
        </td>
    </tr>
    <tr>
        <td>
            01/05/2012
        </td>
        <td>
            09/05/2012
        </td>
        <td>
            <a href="/Agence/DeleteInd/3">Supprime</a>
        </td>
    </tr>
</tbody>
</table>
 </div>

当我单击 Js 链接时，它会向我显示文件代码，以便生成它

4

1 回答 1

0

假设jquery-latest.js是 jQuery 的一个版本，您应该首先将它包含在您的页面中。此外，最好使用 Google 的 CDN 加载 jQuery。尝试这个：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.tablesorter.js" type="text/javascript"></script>
于 2012-04-25T13:01:27.907 回答