정렬 식 테이블이 작동하지 않습니다.

켜기 http://www.elitedeafpoker.com/dev/poker-players.html - 정렬 식 테이블을 사용할 수 없습니다. 나는 그것이 도움이되도록 약간의 도움이 필요하다.정렬 식 테이블이 작동하지 않습니다.

HTML

<table id="myTable" class="tableData"> 
    <thead> 
     <tr> 
      <th>Rank</th> 
      <th width="250">Name</th> 
      <th>Earnings</th> 
      <th>Points</th> 
      <th>Total Earnings</th> 
     </tr> 
    </thead> 
    <tbody></tbody> 
</table>

JAVASCRIPT -

$(document).ready(function() { 
    $("#myTable").tableData(); 
} 
);

jQuery 플러그인 - http://www.elitedeafpoker.com/dev/js/jquery.tablesorter.min.js

코드의 모든 날 내가 놓친 한 내용을 알려 주시기 바랍니다 http://tablesorter.com/docs/에 의해 언급되었다.

출처

2013-04-18 Christian

자바 스크립트 콘솔을 검사하면 다음과 같은 오류가 표시됩니다. Uncaught TypeError : Object [object Object]에는 플러그인을 제대로 호출하지 않았 음을 나타내는 'tableData'메소드가 없습니다. –

Im은 TypeError : $ (...)를 보여줍니다. tablesorter는 @ http://www.elitedeafpoker.com/dev/poker-players.html:60 함수가 아니며 위에 표시된 자바 스크립트입니다. 뭐가 잘못 됐어? 나는 자바 스크립트 전문가가 아니다. – Christian

공지 브라우저의 콘솔에서 오류 : Uncaught TypeError: Object [object Object] has no method 'tableData'

tablesorter에 플러그인을 사용할 수 있도록, tablesorter입니다 제공하는 올바른 방법 : 특별히 언급

$("#myTable").tablesorter();

웹 사이트 링크가이 코드를 가지고 :

$(document).ready(function() 
    { 
     $("#myTable").tablesorter(); 
    } 
);

AJAX를 사용하여 행을로드하는 경우

$("#myTable").trigger("update");

출처

2013-04-18 21:45:29 Ian

업데이트되었습니다. 아직 작동하지 않습니다. – Christian

@Christian 내가 한 모든 것을 했습니까? '$ .getJSON'으로 행을 추가하고 있습니다. 즉, 테이블에서 메소드를 다시 호출해야합니다. 내 대답의 끝에서, 나는 그것을 설명했다. 새로운 행이 추가 된 후에'$ .getJSON'에 대한 콜백 내부에서'$ ("myTable")을 호출해야합니다 .. trigger ("update");' – Ian

@Christian 또한 jQuery 라이브러리 **두번**. 그들 중 하나를 꺼내십시오. 당신은'1.8.3'과'latest'를 가지고 있습니다. – Ian

라이브러리에 대한 제안을 할 수 있다면 전에 tablesorter를 사용하고 결국 DataTables으로 전환했습니다. 분류, 필터링 등의 기능이 내장 된 훌륭한 라이브러리이며 멋진 개발자, 훌륭한 문서 및 훌륭한 커뮤니티가 있습니다.

출처

2013-04-18 22:11:38 Tim

DataTables를 사용해보세요. – Christian

DataTables을 사용해 보겠습니다. 사용하려는 라이브러리는 거의 5 년 전인 03-2008에 마지막으로 업데이트되었습니다. 예제에서 jQuery 버전은 1.2입니다. 안정적인 jQuery의 현재 버전은 1.9+입니다. 중간 버전에서 이전 버전과 호환되지 않는 많은 변경 사항이 있습니다.

정말로 테이블 정렬 만 원한다면. 만약 당신이 단지 자바 스크립트를 사용하여 주장이 http://www.kryogenix.org/code/browser/sorttable/sorttable.js에서 볼 수 있습니다. 마지막으로 나는 그것을 잘 작동 했어요.

출처

2013-04-18 22:31:23 shishirmk

정렬 식 테이블이 작동하지 않습니다.

답변

관련 문제