jquery可拖动选项

Question

我希望当我单击按钮时,可拖动对象恢复到其原始位置.我使用'destroy'选项,但它似乎没有用.它会禁用拖动但不会恢复到原始位置.

有人可以帮忙吗？

编辑部分:

$('#Zoom').toggle(function() {
                $("#draggable").draggable({});},
            function() {
                $("#draggable").draggable('destroy');});

这是我用来启用拖动的切换按钮.destroy选项仅禁用拖动,并且不会将对象还原回原始位置.

这也是我想让对象回到原来位置的按钮:

nextImg.addEventListener('click', function() {img.setAttribute("src", "img"+(++imgnum)+".jpg");}, false);

Answer 1

这个怎么样？

<script type="text/javascript">
jQuery(document).ready(function() { 
    $("#draggable").data("Left", $("#draggable").position().left)
                    .data("Top", $("#draggable").position().top);
    $("#draggable").draggable();

    $("#nextImg").bind('click', function() {
        $("#draggable").animate(
            { "left": $("#draggable").data("Left"), 
                "top": $("#draggable").data("Top")
            }, "slow");
        $("#draggable").attr("src", "img"+(++imgnum)+".jpg");
    });
});
</script>

我做了一些假设,比如idI为"nextImg"的nextImg对象,这样我就可以使用jQuery绑定click事件(在javascript事件绑定过程中少一步？)我也假设你不要我真想破坏拖拽功能.