Question

很抱歉回来的人，但是你们和他们一样。女孩似乎对此了解得比我多... 无论如何，这是我的问题/问题

我想使用拖放，排序（即使我已经读过它，界面插件也会让我过时了？但是看过UI并说实话并不清楚，对我来说看起来比界面更重？）< / p>

无论如何，我如何设置一个cookie来保存位置：

$(document).ready(
function () {
    $('a.closeEl').bind('click', toggleContent);
    $('div.groupWrapper').Sortable(
        {
            accept: 'groupItem',
            helperclass: 'sortHelper',
            activeclass : 'sortableactive',
            hoverclass : 'sortablehover',
            handle: 'div.itemHeader',
            tolerance: 'pointer',
            onChange : function(ser)
            {
            },
            onStart : function()
            {
                $.iAutoscroller.start(this, document.getElementsByTagName('body'));
            },
            onStop : function()
            {
                $.iAutoscroller.stop();
            }
        }
    );
}

）;

var toggleContent = function(e)
{
    var targetContent = $('div.itemContent', this.parentNode.parentNode);
    if (targetContent.css('display') == 'none') {
        targetContent.slideDown(300);
        $(this).html('[-]');
    } else {
        targetContent.slideUp(300);
        $(this).html('[+]');
    }
    return false;
};

var ser = function (s) {
    serial = $.SortSerialize(s);
    alert(serial.hash);
};

这是“标准”界面演示，PLUS

然后我如何阅读该cookie，以便当我下次访问该页面时，订单是我在cookie中设置的？

希望从那以后我可以解决剩下的问题......？

提前感谢您的帮助。

Answer 1

这可能有助于您：Remembering a jQuery draggable tool palette position between page refreshes

Answer 2

以下是我用于管理面板的完整工作代码。

http://jsfiddle.net/Frenki/7dr6a/2/

将class =“itemDrag”添加到要拖动的div中，您可以根据需要添加任意数量的div。保持#drop-esquarda id不变，它会对你有用。此外，您添加的每个新div都需要class =“itemDrag”+一些唯一ID，这就是所有，您可以拥有任意多个，不要忘记包含jquery cookie插件，jquery UI和ofcoruse jquery本身

JQuery拖放，通过cookie保存 - 如何？

2 个答案: