2

このばかげた質問で来て申し訳ありませんが、私は何時間も成功せずに苦労してきました。サンプルテーブルが並べ替えられていません。両方の.jsファイルは、.shtmlファイル自体と同じディレクトリにあります。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script type="text/javascript">
$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
); 
</script>
</head>
<body>
<table id="myTable" class="tablesorter">
   <thead>
     <tr>
     <th>Test1</th>
     <th>Test2</th>
    </tr>
   </thead>
   <tbody>
    <tr>
     <td>1</td>
     <td>1622</td>
    </tr>
    <tr>
     <td>2</td>
     <td>2634</td>
    </tr>
   </tbody>
</table>
</body>
</html>
4

1 に答える 1

4

たぶんあなたはjqueryとtablesorterの悪いコピーを持っていますか?それぞれのサイトからリンクされているjqueryとtablesorterの両方の実際のバージョンを使用すると、問題なく動作するようです。

http://code.jquery.com/jquery-1.9.1.js
http://mottie.github.com/tablesorter/js/jquery.tablesorter.js

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://mottie.github.com/tablesorter/js/jquery.tablesorter.js"></script>
<script type="text/javascript">
$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
); 
</script>
</head>
<body>
<table id="myTable" class="tablesorter">
   <thead>
     <tr>
     <th>Test1</th>
     <th>Test2</th>
    </tr>
   </thead>
   <tbody>
    <tr>
     <td>1</td>
     <td>1622</td>
    </tr>
    <tr>
     <td>2</td>
     <td>2634</td>
    </tr>
   </tbody>
</table>
</body>
于 2013-03-24T02:05:47.683 に答える