Question

我想要一个4 div小部件页面，您可以拖放以更改布局。我有两件事我无法弄清楚。一，我想保存布局并从jQuery cookie插件加载布局，但无法弄清楚如何。这是我的jsfiddle

当我在div中添加更多数据时，它可能会自行修复，但是当我拖动项目时，希望它们与结束元素交换位置，现在它只是添加它。

我认为这就是你设置cookie的方式：

 update:function(e,ui) {
        var order = foo.sortable("toArray").join();
        $.cookie("sortableOrder",order);
  });

Answer 1

您需要做的是，在页面加载期间，检查cookie以获取值。如果有，则循环遍历cookie值，并与列表中当前的元素s进行比较。如果存在，请将cookie中的项目添加到新列表中。然后，新构建的列表将附加到页面，并删除原始列表，从这个意义上说，加载已保存的项目顺序。所以，基本上你有三个数组。 1.加载时间内页面中的实际项目列表。 2.存储在cookie中的列表。 3.加载时的空列表，用于构建新排序的列表。当您将当前列表与cookie中的列表项进行比较时，它们都存在于两者中，您将该元素放在第三个“先前”空数组中。这样，当您循环浏览所有项目时，您将获得新的有序列表，并删除原始项目。

希望这会有所帮助。我会用例子进一步解释，但是在工作中。对不起.. :(

jQuery可以使用Cookies进行排序

1 个答案: