订单cookie的JQuery Cookie问题

时间:2017-09-24 15:13:20

标签: javascript jquery cookies

我想使用JQuery cookie保存表行顺序。

但我的代码不起作用。

你能帮帮我吗?提前谢谢!

HTML:

<table class="table table-hover">
    <thead>
      <tr>
          <th class="text-center">Name</th>
          <th class="text-center">Surname</th>
      </tr>
    </thead>
    <tbody>
      <tr>
          <td>Chris</td>
          <td>A</td>
      </tr>
    </tbody>
</table>
<button id="save" type="button" class="btn btn-secondary">save</button>

的script.js

$('tbody').sortable({
    axis: 'y',
}).disableSelection();

var savedOrd = $.cookie('sortOrder');
if (savedOrd) {
    $.each(savedOrd.split(','), function (i, e) {
        $('#' + e).insertAfter('tbody>td:eq(' + i + ')');
    });
};
$('#save').click(function () {
    var saveOrd = $('tbody').sortable('toArray');
    $.cookie('sortOrder', saveOrd);
});

可选择工作。保存按钮没有cookie。

0 个答案:

没有答案