jquery 可拖动选项

Question

我希望当我单击按钮时可拖动对象恢复到其原始位置。我使用了“销毁”选项，但它似乎不起作用。它会禁用拖动，但不会恢复到原始位置。

有人可以帮忙吗？

编辑部分:

$('#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>

我做了一些假设，例如 nextImg 对象的 id 为“nextImg”，这样我就可以使用 jQuery 绑定(bind)点击事件(javascript 事件绑定(bind)过程中少了一步？)我还假设您真的不想破坏拖动功能。