链接被陈列后,.draggable恢复到原始位置

Question

在这里苦苦挣扎,我在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'
    });
});

Answer 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});
});