.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

请在表中添加以下数据后重新排序:

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

查看更多详细信息:http://www.kryogenix.org/code/browser/sorttable/#ajaxtables

Answer 2

我认为这是一个微妙的问题，当表通过可排序库进行排序时。从源代码来看，我认为在附加新表之后添加sorttable.init()应该可以解决这个问题。