爲什麼不能正確加載？

好了，我看可以在文檔上的入門例子：http://mottie.github.io/tablesorter/docs/index.html#Demo 爲什麼不能正確加載？

我嘗試做文檔中提供的基本的例子，但是我的表不符合的tablesorter功能加載（即標題上的排序圖標或可點擊的標題列），如在線版本所示。我做錯了什麼？...

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Something</title> 
     <!-- load tableSorter theme --> 
     <link href="http://mottie.github.io/tablesorter/css/theme.default.css" rel="stylesheet"> 
     <!-- load jQuery and tableSorter scripts --> 
     <script type="text/javascript" src="./includes//jquery-2.1.0.js"></script> 
     <script type="text/javascript" src="./includes/tablesorter-master/js/jquery.tablesorter.js"></script> 
     <!-- load tableSorter widgets --> 
     <script type="text/javascript" src="./includes/tablesorter-master/js/jquery.tablesorter.widgets.js"></script> 
     <script type="text/javascropt"> 
     $(document).ready(function(){ 
      $("table").tablesorter({ 
       theme : 'blue', 
       widgets : ['zebra','columns'], 
       sortList: [[0,0]], 
       debug : true, 
       widthFixed: false, 
       showProcessing : true 
      }); 
     }); 
     </script> 
</head> 
    <body> 
     <table class="tablesorter"> 
      <thead> 
       <tr> 
        <th>Last Name</th> 
        <th>First Name</th> 
        <th>Email</th> 
        <th>Due</th> 
        <th>Web Site</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>Smith</td> 
        <td>John</td> 
        <td>[email protected]</td> 
        <td>$50.00</td> 
        <td>http://www.jsmith.com</td> 
       </tr> 
       <tr> 
        <td>Bach</td> 
        <td>Frank</td> 
        <td>[email protected]</td> 
        <td>$50.00</td> 
        <td>http://www.frank.com</td> 
       </tr> 
       <tr> 
        <td>Doe</td> 
        <td>Jason</td> 
        <td>[email protected]</td> 
        <td>$100.00</td> 
        <td>http://www.jdoe.com</td> 
       </tr> 
       <tr> 
        <td>Conway</td> 
        <td>Tim</td> 
        <td>[email protected]</td> 
        <td>$50.00</td> 
        <td>http://www.timconway.com</td> 
       </tr> 
      </tbody> 
     </table> 
    </body> 
</html>

來源

2014-02-22 uncle-junky

它看起來像主題選項沒有被設置。當你初始化的tablesorter不帶任何選項：

$("#myTable").tablesorter();

「默認」的主題設定，所以一定要包括「theme.default.css」文件;但因爲它看起來像您所加載的「藍色」主題樣式，初始化插件如下：

<script type="text/javascropt"> 
$(function(){ 
    $("#myTable").tablesorter({ 
     theme: "blue" 
    }); 
}); 
</script>

現在，從望着蔚藍的主題文件名，看來，它可能是原來的藍色主題的意思爲tablesorter v2.0.5（「/blue/style.css」）。我敢冒險猜測這裏使用的tablesorter來自我的fork of tablesorter，所以請確保加載名爲"theme.default.css"的文件。

來源

2014-02-22 17:39:46 Mottie

Mottie！感謝您指出我的錯誤。但是，這仍然不能解決問題。我已經編輯了我的代碼供您閱讀。我現在的問題是沒有格式化發生，就好像tablesorter沒有識別表格一樣。我已刪除表格「ID」，FYI。是的，我正在使用叉子。 –

那麼現在這個插件正在初始化'$（「mytable」）'......它需要一個前面的'＃'來使選擇器變成一個ID或'.'作爲類名，這兩個都不會出現在HTML。 – Mottie

不，道歉是編輯（編輯）我忘了改變，如果你讓我。我現在修改了它，可以確認它是'$（document）.ready（function（）{$（'table'）。tablesorter（{...'在我的實際代碼中，我也有'theme：'選項。藍色'，''設置在其他選項之前。仍然沒有。 –

爲什麼不能正確加載？

回答

相關問題