javascript - 如何手动移动跨度(或div)？

这是我正在使用的代码。我能完成在链接下显示图像的任务，但我不能拖动它。该脚本完成了一次单击显示图像范围并在第二次单击中关闭它的任务。我想要的是显示他们在一个点击和可拖动。

<script type="text/javascript">
$(document).ready(function () {

    $(".slidingDiv").hide();
    $(".show_hide").show();


    $('.show_hide').click(function () {
        var el = $(this);
        var slidingDiv = el.find("span.slidingDiv");
        $(".slidingDiv" ).draggable();

        if (slidingDiv.length > 0) {
            slidingDiv.slideToggle(function () { el.after(slidingDiv); });
        }
        else {
            slidingDiv = el.next("span.slidingDiv");
            el.append(slidingDiv);
            slidingDiv.slideToggle();
        }
        return false;
    });
    $('.show_hide_close').click(function () {
        $(this).parent().parent("a.show_hide").click();
        return false;
    });
});

 $(function() {
        $( ".slidingDiv" ).draggable();
    });

</script>

HTML格式：

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#" class="show_hide" style="position: relative;">Japan</a><span class="slidingDiv"><img src="02-1 ImageFiles/01 Japan.JPG" style="width:235px; height:245px;" /><a href="#" class="show_hide_close">Close</a></span> is made up of islands,

最佳答案

你可以用下面的例子，
简单来说：
Link1
代码：

$(".selector").draggable({
    cancel: "button"
});​

更多信息：Link2Link3
深度：Link4

关于javascript - 如何手动移动跨度(或div)？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14146645/