jquery - リンクがクリックされた後、.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});
});