从函数内部创建可排序表的.append

Question

我有一个具有不同值的选项列表。我使用以下方法收听列表中的事件：

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

要做到这一点，我遵循以下步骤：http://www.kryogenix.org/code/browser/sorttable/使用sorttable.js作为脚本源。

表进行了完美的更新，但似乎没有受到sorttable.js的影响。考虑到.append发生在一个函数中(或者出于任何其他原因)，我是否必须以与通常不同的方式来处理这个问题？

Answer 1

请在表中的数据后面加上以下可排序的reInit：

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

有关更多细节：http://www.kryogenix.org/code/browser/sorttable/#ajaxtables

Answer 2

当可排序库使表可排序时，我认为这是一个微妙的问题。从源代码来看，我认为在追加新表之后添加sorttable.init()应该可以修复这个问题。