.append 내에서 정렬 가능한 테이블을 만들려면

Question

다른 값을 가진 옵션 목록이 있습니다. 나는 사용하여 내 목록의 이벤트를 수신 다음 sorttable를 사용 http://www.kryogenix.org/code/browser/sorttable/ :

value = $('#list option:select').val();

은 그때 내가 소식이 작업을 수행하려면 너무

if (value == 'a') { 
$('table').contents(); //clear content 
$('table').append(
'<table class="sortable"> 
<thead> 
    <tr> 
    <th class="">Name</th> 
    <th class="">Unit1</th> 
    <th class="">Unit2</th> 
    </tr> 
</thead> 
<tbody> 
<tr> 
    <td>Fitz, Marvin</td> 
    <td>$3300</td> 
    <td>5554</td> 
</tr>'); //add content 

} else if (value == "b" { 

$('table').contents(); //clear content 
$('table').append(<new table>); 

같은 값에 따라 다른 작업을 수행합니다. js를 스크립트 소스로 사용합니다.

테이블은 완벽하게 업데이트되지만 sorttable.js는 영향을받지 않습니다. 함수 내에서 (또는 다른 이유로) .append happends가 주어진다면, 평소보다 다르게 접근해야합니까?

Answer 1

테이블을 정렬 가능한 라이브러리로 정렬 할 수있는 경우 미묘한 문제라고 생각합니다. 소스를보고, 당신이 새 테이블을 추가 한 후 sorttable.init() 추가하면이 문제를 해결해야한다고 생각합니다.

Answer 2

데이터 후 다음과 같이 sorttable REINIT하십시오 테이블에 추가 :

sorttable.makeSortable($("table.sortable")); 

더 자세히 들어 : http://www.kryogenix.org/code/browser/sorttable/#ajaxtables