【问题标题】:.append to create sortable table from within function.append 从函数内部创建可排序表
【发布时间】:2014-06-24 11:21:33
【问题描述】:

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

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 发生(或出于任何其他原因),我是否必须以不同于通常的方式处理这个问题?

【问题讨论】:

    标签: javascript jquery jquery-ui sorttable.js


    【解决方案1】:

    请在数据追加到表后重新初始化排序表:

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

    更多详情:http://www.kryogenix.org/code/browser/sorttable/#ajaxtables

    【讨论】:

      【解决方案2】:

      我认为当表格由 sorttable 库排序时,这是一个微妙的问题。从查看源代码来看,我认为在附加新表后添加 sorttable.init() 应该可以解决此问题。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2020-06-07
        • 1970-01-01
        • 1970-01-01
        • 2021-01-14
        • 2023-03-29
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多