Question

我正在使用JQuery来重新排序我的div（下面的代码），但是我需要创建一个cookie来保存这些div的顺序。我看到很多网站提供了Javascript的东西，但它通常会说保存输入的名称等等。我不知道如何去做这件事。

$().ready(function() {
    $('.moveUpCls').click(function(event){
      var current = $(this).parent().parent().parent();
      current.prev().before(current);
    });
    $('.moveDownCls').click(function(){
      var current = $(this).parent().parent().parent();
      current.next().after(current);
    });
});

每个可移动的div都遵循这种模式（div也有隐藏/显示在em上，但暂时忽略它）：

<div>
    <div id="tabHeader">

        <div id="headMoveUp"><a class="moveUpCls"><img src="images/uparrow.png"></a></div>
        <div id="headMoveDown"><a class="moveDownCls"><img src="images/downarrow.png"></a></div>
        <a href="javascript:toggle();"><div id="tabHeadText">Important Links &raquo;</div> </a>

    </div>
        <div id="toggleText" style="display:none; text-align:center;">
            <div id="empGuide" style="text-align:center;margin-left:auto; margin-right:auto;">

                CONTENT OF DIV

            </div>
        </div>
        <br />

</div>

Answer 1

我会使用您的布局的JSON表示，但要注意，cookie只能容纳4K数据。您最好将其存储在服务器上或使用本地存储。

Answer 2

根据排列的数量，您可以在jquery代码中创建key-＆gt;值对的散列，其中每个值都是div的排序，密钥将是您在cookie中存储的内容

我如何制作一个cookie来保存这些div标签的位置？

2 个答案: