jQuery：可拖动的条-还记得cookie的位置吗？

嘿，伙计们， 我似乎无法让它工作。我有可拖动的黑条，作为内容顶部的导航

我只是想用cookie记住这些条的位置。每当用户拖动条并单击其他内容（页面刷新）时，条应保持在最后位置

我似乎无法让它工作。此外，我希望有一个简单的随机分布的酒吧，当用户第一次访问该网站

我已经建立了一个快速的例子。也许你知道我做错了什么：

加载页面时的位置

// initial position of elements
$("ul.bars li").each(function() {

        // if no cookie is set (first visit to page) all bars should be distributed
        // randomly across the document

        if ( $.cookie('position'+ $(this).index('li').toString()) ) {
            var doc = $(document).height() - 50;

            // random distribution of elements
            $("ul.bars li").each(function() {
                var randPos = Math.random(0)*doc;
                $(this).css('top' , randPos+'px');
            });

        } else { 

            // if a cookie exists (the bars have already been dragged)
            // remember the position

            var savedPos = $.cookie('position' + $(this).index('li').toString());            

            $(this).css({ top: savedPos + 'px' });
        }

});

---

你的情况不对：

if ($.cookie('position'+ $(this).index('li').toString()) ) {

            // random distribution of elements


        } else {

            // if a cookie exists (the bars have already been dragged)
            // remember the position

        }

交换它，这样如果cookie存在，它就不会随机分发它们

   if (!$.cookie('position'+ $(this).index('li').toString()) ) {

例如：

---

您的情况有误：

if ($.cookie('position'+ $(this).index('li').toString()) ) {

            // random distribution of elements


        } else {

            // if a cookie exists (the bars have already been dragged)
            // remember the position

        }

交换它，这样如果cookie存在，它就不会随机分发它们

   if (!$.cookie('position'+ $(this).index('li').toString()) ) {

例如：

---

cookie插件不是从JSFIDDLE上的应用资源加载的，您没有提到的是您的。cookie插件不是从JSFIDDLE上的应用资源加载的，您没有提到的是您的。谢谢，但请多次重新加载来测试您的示例。这东西有马车。它实际上不记得元素的每个位置。那是我的问题。我只想拖动一个条（然后单击或重新加载），但该条不会移动其位置。@mathiregister这是因为您在保存cookie之前正在重新加载页面。尝试移动一个元素，将其放下，然后等待10秒钟。它当然应该在重新加载时保存。谢谢你，但对我不起作用。我可以等一个小时。我已从浏览器中删除所有cookie并重试。没有机会。首先，在没有bug的情况下，酒吧是不会随机分布的（有些酒吧不会出现）。。。当拖动（等待）和重新加载或单击链接时，条的位置会改变。没有办法让它简单地工作。10秒钟内实现无缝连接。普通用户永远不会等待10秒，对吧。我很难开始排除你的案例有什么问题，因为从我的角度来看，它运行良好。你检查过你收到饼干了吗？好吧，这很奇怪，在你的例子中，它对我也起作用。然而，在我的网站上，可能不是因为wordpress之类的原因？你自己看吧。谢谢，但请使用多次重新加载来测试您的示例。这东西有马车。它实际上不记得元素的每个位置。那是我的问题。我只想拖动一个条（然后单击或重新加载），但该条不会移动其位置。@mathiregister这是因为您在保存cookie之前正在重新加载页面。尝试移动一个元素，将其放下，然后等待10秒钟。它当然应该在重新加载时保存。谢谢你，但对我不起作用。我可以等一个小时。我已从浏览器中删除所有cookie并重试。没有机会。首先，在没有bug的情况下，酒吧是不会随机分布的（有些酒吧不会出现）。。。当拖动（等待）和重新加载或单击链接时，条的位置会改变。没有办法让它简单地工作。10秒钟内实现无缝连接。普通用户永远不会等待10秒，对吧。我很难开始排除你的案例有什么问题，因为从我的角度来看，它运行良好。你检查过你收到饼干了吗？好吧，这很奇怪，在你的例子中，它对我也起作用。然而，在我的网站上，可能不是因为wordpress之类的原因？你自己看吧。