2012-11-30 7 views
0

TinyTableV3 JQuery 플러그인을 사용하려고합니다. 그러나, 나는 '정의되지 않은'오류가 존재하지 않는 점점 계속. 그런 다음 분류 열을 클릭하면 '분류기'가 존재하지 않는 오류가 발생합니다. 이것은 초기화 문제를 나타내지 만,이 플러그인에 대한 추가 정보가없는 것으로 보이므로 어디에서 잘못 될지 확실하지 않습니다. 아래 코드. 도움?TinyTable 정의되지 않은 오류

<html> 
<head>  
    <script type="text/javascript" src="javascript/jquery.1.8.3.min.js"></script> 
    <script type="text/javascript" src="javascript/TinyTableV3/script.js"></script> 
    <script type="text/javascript"> 
     var sorter; 
     $(document).ready(function() { 
      sorter = new TINY.table.sorter('sorter', 'listtbl', { 
       headclass: 'head', 
       ascclass: 'asc', 
       descclass: 'desc', 
       evenclass: 'evenrow', 
       oddclass: 'oddrow', 
       evenselclass: 'evenselected', 
       oddselclass: 'oddselected', 
       paginate: false, 
       size: 100, 
       sortcolumn: 1, 
       sortdir: 1, 
       init: true 
      }); 
     }); 
    </script> 
</head> 
<body> 
     <table id="listtbl" class="listtbl"> 
      <tr> 
       <th>number</th> 
       <th>name</th> 
       <th>address</th> 
       <th>comment</th> 
      </tr> 
      <tr> 
       <td>97</td> 
       <td>bob</td> 
       <td>666 mantime</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>912</td> 
       <td>daisy</td> 
       <td>856 mantime</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>24</td> 
       <td>john</td> 
       <td>666 sooome</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>365</td> 
       <td>kindle</td> 
       <td>66 mantimed</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>56</td> 
       <td>ishmael</td> 
       <td>12 diddles</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>234</td> 
       <td>hoppy</td> 
       <td>666 mantime</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>43</td> 
       <td>snaps</td> 
       <td>666 mantime</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>123</td> 
       <td>pickpic</td> 
       <td>666 mantime</td> 
       <td>this is a comment</td> 
      </tr> 
      <tr> 
       <td>15</td> 
       <td>hahazabamadan</td> 
       <td>666 mantime</td> 
       <td>this is a comment</td> 
      </tr> 
     </table> 
</body> 
</html> 

작은 테이블 v3은 http://www.scriptiny.com/2009/11/advanced-javascript-table-sorter/

+0

http://jsfiddle.net 데모를 제공 할 수 있습니까? – SaidbakR

+0

분리 된 파일에서 추가 된 플러그인 인 방법을 모르겠습니다. – steventnorris

+0

이 파일을 스크립트 태그로 연결된 URL로 설정할 수없는 경우 해당 내용을 복사하여 jsfiddle의 javascript 섹션의 첫 번째 줄에 붙여 넣으십시오. – SaidbakR

답변

2

에 발견하여 var tinytablevar sorter로 이름을 변경 시도 - http://jsfiddle.net/cP6qv/

은 또한 당신의 HTML이 혼합 하였다이 바이올린에 문제가 될 듯 - 당신의 몸 태그를 너의 머리 꼬리표 안에 있었다.

랩을 감싸고 테이블 본체를 감싸기 위해 태그를 사용해야합니다.