保存Draggable Div位置

我已经添加了一个拖动并将div移动到我的网站，我为每个页面使用通用标题。保存Draggable Div位置

我拖如下移动DIV代码：

脚本：

<script type="text/javascript"> 
    $(function() { 
     $("#draggable").draggable(); 
    }); 
</script>

事业部：

<div class="student_avatar_header" id="draggable" title="Drag and Move..."> 
    Some texts... 
</div>

CSS：

.student_avatar_header { 
    width: 100px; 
    height: 100px; 
    position: absolute; 
    left: 10px; 
    top: 20px; 
    border-radius: 250px; 
    z-index: 9998; 
    box-shadow: 2px 2px 12px #008abc; 
    cursor: move; 
}

这种阻力和移动功能工作正常，什么我的问题是我已经加入这个拖动股利我的头，因此会出现，即使访问任何网页我的网站，我只是想设置一个cookie功能还是什么可能记住拖动的最后位置。例如现在我在这里home页面，我只是把我的div拖到页面底部，但是当我去about页面这个div显示不是以前的位置，它显示默认位置。我需要它显示以前的位置，甚至我访问我的网站的任何页面，

注意：我的网站有超过35页。

有什么想法。

感谢...

来源

2013-05-19 mans

看吧HTTP：// stackoverflow.com/questions/12336048/save-draggable-divs-position-to-localstorage?rq=1！ – idmean

任何人都可以请为上面的脚本写一个答案.. ???感谢所有帮助 – mans

对下面的代码一看：

$("#draggable").draggable({ 
    stop: function(event, ui) { 
     $.cookie("elementIDCookie", ui.position); 
    } 
});

重新定位的元素，当用户返回：

$("#draggable").css({ "left" : $.cookie("elementIDCookie").left, "top" : $.cookie("elementIDCookie").top });

来源

2013-05-20 09:20:24

当我试着你的代码它不工作，甚至拖动功能... – mans

保存Draggable Div位置

回答

相关问题