使用html表和jQuery與tablesorter

首先，我不是HTML傢伙，所以很抱歉，如果這很簡單。我昨晚購買了共享主機，並希望在我的網頁上顯示html表格。我也希望具有排序html表的功能。我做了一些谷歌搜索，發現tablesorter是一個好方法。我把我的代碼這裏是使用html表和jQuery與tablesorter

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript" src="C:\Users\xx\Desktop\pages\jquery.tablesorter.js"></script> 
<table id="myTable" 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> 
$(document).ready(function() 
    { 
     $("#myTable").tablesorter(); 
    } 
); 


$(document).ready(function() 
    { 
     $("#myTable").tablesorter({sortList: [[0,0], [1,0]]}); 
    } 
);

但它產生的輸出是

我在做什麼錯在這裏

來源

2016-05-21 nnnnmmm

地方'$（文件）。就緒（function（） {（「＃myTable」）。tablesorter（）; } ）; $（文件）。就緒（函數（） { $（「＃myTable的」）的tablesorter（{sortlist中：[[0,0]，[1,0]]}）;} ）; '這些腳本標記 – guradio

也出於某種原因，我覺得''不起作用因爲它指的是你的桌面，而不是你的託管... –

@guradio你在腳本標記中的含義是什麼？現在我只是想在我的桌面上放置共享主機後者 – nnnnmmm

This is corrected html for tablesorter 

<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.26.1/js/jquery.tablesorter.js"></script> 
<script> 
    $(document).ready(function() { 
     $("table").tablesorter(); 
     $("#trigger-link").click(function() { 
      var sorting = [[0, 0], [2, 0]]; 
      $("table").trigger("sorton", [sorting]); 
      return false; 
     }); 
    }); 
</script> 
<table id="myTable" 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>`enter code here`

來源

2016-05-21 09:56:54 Pratik

使用html表和jQuery與tablesorter

回答

相關問題