2017-11-06 12 views
0

私はasp.netのテーブルにjqueryソートを適用しようとしているが、私はいくつかの問題があります。 私は基本的な例を試してみて、うまくいきません。私のコードの下 :jquery asp.netで並べ替え

base example

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TestJQuery.aspx.vb" Inherits="TestJQuery" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    <title></title> 

     <link href="scripts/jquery.tablesorter/themes/blue/style.css" rel="stylesheet"/>  
     <script type="text/javascript" src="scripts/jquery-2.0.0.min.js"></script> 
     <script type="text/javascript" src="scripts/jquery.tablesorter/jquery.tablesorter.min.js"></script> 

    <script type="text/javascript"> 
     $(document).ready(function() 
     { 
      alert("a") 
      $("#myTable").tablesorter(); 
      alert("b") 
     } 
); 
    </script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
     <div> 
      <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> 
       </tbody> 
      </table> 
     </div> 
    </form> 
</body> 
</html> 

間違っているよ何? CSSスタイルが動作しているので、私はパスをチェックし

、それは単に以下書き込むことで...私のために

+1

ロード(順序は重要です) 'jquery.min.js'' tablesorter.js'の前 –

+0

何も...同じ問題... – elle0087

+0

申し訳ありませんが、1つの行がうまくいきません! – elle0087

答えて

0

作品を微よ

$("#myTable").tablesorter();
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.29.0/css/theme.blue.css" rel="stylesheet"/> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.29.0/js/jquery.tablesorter.min.js"></script> 
 

 
<body> 
 

 
    <div> 
 
    <table id="myTable" class="tablesorter-blue"> 
 
     <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> 
 
    </div> 
 

 
</body>

関連する問題