.draggable 在点击链接后恢复到原始位置答案

【问题标题】：.draggable revert back to original position after link has been clicke.draggable 在点击链接后恢复到原始位置
【发布时间】：2012-06-05 17:54:59
【问题描述】：

在这里苦苦挣扎，我在 div 上使用 .draggable 效果很好，但我还需要一个链接，这样一旦用户将 div 拖到页面上的任何位置，他们就可以将其“重置”回原来的位置。

$(function() {
    if (! /iphone|ipad|ipod|android|blackberry/i.test(navigator.userAgent.toLowerCase())) {
        $( "#race_charts_container" ).draggable({ revert: false, cancel: "#graphs_content"});
    }
        });


$("#btnReset").click(function() {
    $("#race_charts_container").animate({
           left: '+=50px',
           top: '+=50px'
    });
});

【问题讨论】：

标签： jquery jquery-ui-draggable revert

【解决方案1】：

看这个演示： http://jsfiddle.net/M8Ehe/1/

只需将顶部和左侧设置为 0。

代码：

$(function() {
    if (! /iphone|ipad|ipod|android|blackberry/i.test(navigator.userAgent.toLowerCase())) {
        $( "#race_charts_container" ).draggable({ revert: false, cancel: "#graphs_content"});
    }
        });


$("#btnReset").click(function() {
    $("#race_charts_container").animate({left:0,top:0});
});

【讨论】：