0

これはjqueryライブラリを使用する最初の試みであるため、tablesortプラグインを初期化する方法がわかりません。私は外部の.jsファイルなしでこれを試みているので、私のhtmlとjavascriptの間のリンクは問題ではないことがわかります。また、jqueryライブラリがロードされていることを確認できるように、個別のjs関数を含めました。リンクをクリックすると、Hello World！が表示されます。アラート。私は、これを行う方法を非常によく説明し、バリエーションなしで、テーブルを並べ替えようとしても応答がないたびに、約5つのチュートリアルを読んで見ました。繰り返しますが、簡単にするために、htmlファイル、jqueryライブラリ、およびテーブルソーターファイルを同じフォルダーに配置しました。（下の画像を参照）

これが私のコードです：

<html>                                                                  
<head>                                                                  
<script type="text/javascript" src="jquery-1.8.2.min.js" </script>
<script type="text/javascript" src="jquery.tablesorter.min.js"></script>

<script type="text/javascript">                                         
    $(document).ready(function() {
        $("a").click(function() {
            alert("Hello world!");
            });
        });

         $(document).ready(function(){
            $("#large").tablesorter();
         });
</script> 
 </head>                                                                 
 <body>   
 <a href="http://localhost/fortesting.html">Link</a>

<table id="large" cellspacing="0">
<thead>

    <tr>
        <th>Email</th>
        <th>Id</th>
        <th>Phone</th>
        <th>Total</th>
        <th>Ip</th>
        <th>Url</th>
        <th>Time</th>
        <th>ISO Date</th>
        <th>UK Date</th>
    </tr>
</thead>    
<tbody>
    <tr>

        <td>devo@flexomat.com</td>
        <td>66672</td>
        <td>941-964-8535</td>
        <td>$2482.79</td>
        <td>172.78.200.124</td>
        <td>http://gmail.com</td>
        <td>15:10</td>
        <td>1988/12/14</td>
        <td>14/12/1988</td>
    </tr>

    <tr>
        <td>henry@mountdev.net</td>
        <td>35889</td>
        <td>941-964-9543</td>
        <td>$2776.09</td>
        <td>119.232.182.142</td>
        <td>http://www.gmail.com</td>
        <td>3:54</td>
        <td>1974/1/19</td>
        <td>19/1/1974</td>
    </tr>

    <tr>
        <td>christian@reno.gov</td>
        <td>60021</td>
        <td>941-964-5617</td>
        <td>$2743.41</td>
        <td>167.209.64.181</td>
        <td>http://www.dotnet.ca</td>
        <td>10:58</td>
        <td>2000/3/25</td>
        <td>25/3/2000</td>
     </tr>
   </tbody>
 </table>
</body>
</html>

誰かが私のエラーがどこにあるのかを知ることができますか？私が知る限り、それは私のjqueryライブラリにリンクしているjquery.tablesorter.min.jsファイルと関係がありますが、前に述べたように、結果を変更せずに複数のチュートリアルを実行しました。私はIE9とFirefoxの両方でこれを試みました。ご覧いただきありがとうございます。

私のフォルダのショット

4

1 に答える 1

0

>ここのコードにがありませんでした：

<script type="text/javascript" src="jquery-1.8.2.min.js" </script>
<script type="text/javascript" src="jquery.tablesorter.min.js"></script>

それがまだ機能する理由は、それが無視</scriptされ、次の行全体がまで並ん</script>でいるためです。したがって、本質的には次のようになります。

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

tablesorter.jsがロードされていなかったことを意味します。

tablesorter is undefinedただし、まだエラーが発生しているはずです。

于 2012-11-15T21:57:14.167 に答える