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库对表进行排序。通过查看源代码，我认为在添加新表后添加sorttable.init()应该可以解决此问题。

Answer 2

请在数据附加到表格后使用以下内容重新排序sorttable：

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

详细信息：http://www.kryogenix.org/code/browser/sorttable/#ajaxtables

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

2 个答案: