Question

我添加了一个拖动并将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;
}

这个拖动和移动功能工作正常，我的问题是我已将此可拖动的Div 添加到我的标题中，所以即使访问我网站的任何页面也会出现，我只想设置一个cookie函数或者什么可能记住它拖动的最后位置。例如，现在我在home页面，我只是将我的div拖到页面底部，但是当我转到about页面时，此div显示的不是之前的位置，它显示为默认位置。我需要它显示以前的位置，即使我访问我的网站的任何页面，

注意： 我的网站有35页以上。

任何想法。？

感谢...

Answer 1

查看以下代码：

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

在用户返回时重新定位元素：

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

保存可拖动的Div位置

1 个答案: