如何制作Cookie以保存這些div標簽的位置？

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-> value對的哈希，其中每個值將是div的順序，而鍵將是您存儲在cookie中的內容。