javascript - 如何拖动未附加其父 div 的链接？

Question

我有一个由 div 包含的链接图像。我希望能够将链接的图像拖动到tinyMCE控件，而无需其周围的DIV。

HTML:

<div id="image_preview"><a href="somelink"><img src="someimage" /></a></div>

无论出于何种原因，它都会将 DIV 与 IMG 和 A 一起拖动。有没有办法让它不拖动 DIV。我尝试过阻止 DIV 上的默认 ondrag、onmousedown 等，但没有任何拖动。

我已经尝试过:

$(document).ready(function(){
    $('#image_preview').on('mousedown', function(){
        return false;
    });
});

和:

$(document).ready(function(){
    $('#image_preview').on('dragstart', function(e){
        e.preventDefault();
    });
});

还有其他一些事情，但我当然知道这些除了防止拖动 DIV 内的任何内容之外不会做任何其他事情。

Answer 1

HTML:

<div id="image_preview"><a href="somelink"><img src="someimage" /></a></div>

    <div id="anotherdiv"></div>

jQuery:

$(function() {
        $( "img" ).draggable({
            stop: function(event, ui) {
            $(this).appendTo('#anotherdiv');
        }            
        });
});