表排序麻煩

這是我的看法代碼：表排序麻煩

<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腳本全部準備發現on this website但它不起作用？我想我錯過了一些東西很簡單，但我想不出它:(

這裏是生成的代碼：

<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它告訴我的文件代碼，以便它產生

來源

2012-04-25 Chlebta

你能請顯示呈現的代碼而不是生成代碼的代碼？也就是說，它看起來像你可能沒有正確加載你的JS文件。查看源代碼並嘗試點擊源代碼清單中的JavaScript文件，看看它們是否在那裏。 – Marc 2012-04-25 13:36:13

我有更新，請檢查它:) – Chlebta 2012-04-25 13:53:59

請幫忙嗎？ – Chlebta 2012-04-26 11:09:13

假設jquery-latest.js的jQuery是一個版本，你應該包括在你的頁面首此外，它使用谷歌的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-25 13:01:27

什麼都沒有發生:( – Chlebta 2012-04-25 13:09:49

回答

相關問題