기본 페이지에서 실패한 Jquery 테이블러

아래 코드가 있는데, 나는 이것을 작업하기 위해, 테이블 위 웹 사이트에서 예제를 복사 한 시점까지 싸워 왔습니다. 누구든지 내가 뭘 잘못하고있는 걸 도와 줄 수 있니? 내가 튜토리얼 비디오 http://www.youtube.com/watch?v=-wAWfPVXlME 기본 페이지에서 실패한 Jquery 테이블러

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>Test Table</title> 
    <link rel="stylesheet" type="text/css" href="testTable.css"> 
    <script src="jquery-1.8.3.min.js" type="text/javascript" ></script> 
    <script src="jquery.tablesorter.pager.js" type="text/javascript" ></script> 

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



    </head> 

    <body> 
     <h4>Table Testing</h4> 

     <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> 

    </body> 
</html>

출처

2012-12-20 Tyler

당신은 페이저'jquery.tablesorter.pager.js' 만로드하고 있고 테이블리스트 코어는로드하지 않은 것처럼 보입니다. – Mottie

오류를 받으셨습니까? Mottie가 정확하다면 아마 정의되지 않은 함수를 보게 될 것입니다. 좋은 방법은 js 오류를 디버깅하는 것입니다 ... – jtheman

나는 메모장 + +를 사용하고 있으며 오류가 발생하지 않습니다. 모든 브라우저에서 페이지를로드 할 때 unstyled html 테이블을 표시합니다. – Tyler

당신이 tablesorter에 코어로드 확인 따랐습니다 :

<script src="jquery-1.8.3.min.js"></script> 
<script src="jquery.tablesorter.js"></script> 
<script src="jquery.tablesorter.pager.js"></script>

을 그리고 당신은 HTML5를 사용하는 것 같습니다 때문에, type="text/javascript"은 스크립트 태그 안에 필요하지 않습니다 .

출처

2012-12-20 16:35:03 Mottie

위대한 일을 한, 위의 의견을 남겼습니다. 도움을 주셔서 감사합니다. 시간을 절약했거나 모든 것을 하드 코딩하려고했습니다. – Tyler

기본 페이지에서 실패한 Jquery 테이블러

답변

관련 문제