jQuery Datatables 插件不保存状态cookie？

Question

我有一个使用 jQuery Datatables 插件的网站，该插件大部分运行良好。

但是，由于某种原因，它的状态保存代码没有被触发。初始化时设置的其他选项被正确选择，但由于某种原因，状态保存代码没有被正确选择；使用直接初始化参数或专门定义 fnStateSave 和 fnStateLoad 参数(从 http://datatables.net/blog/localStorage_for_state_saving 中的示例复制代码)，没有效果、cookie 等设置的证据。否则，这一切都是完全标准的，数据从 DOM 开始，用于测试其他参数集。

是否有我应该进行的不明显的设置或我应该了解的限制？

Answer 1

要实现此功能，您需要DataTables 1.8 或更高版本...

bStateSave:true

Enable or disable state saving. When enabled a cookie will be used to save table display information such as pagination information, display length, filtering and sorting. As such when the end user reloads the page the display display will match what thy had previously set up.

取自 DataTables Documentation

可以找到完整的工作示例 here (在 Chrome 中调试此示例显示 fnStateSave 和 fnStateLoad 都被调用。)

执行以下操作:

$(document).ready(function () {
    $('#example').dataTable({
        "bStateSave": true,
        "fnStateSave": function (oSettings, oData) {
            localStorage.setItem('DataTables_' + window.location.pathname, JSON.stringify(oData));
        },
        "fnStateLoad": function (oSettings) {
            var data = localStorage.getItem('DataTables_' + window.location.pathname);
            return JSON.parse(data);
        }
    });
});

仅使用以下脚本:

<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script type="text/javascript" language="javascript" src="jquery.dataTables.js"></script>