Javascript 如何在没有附加父div的情况下拖动链接？

我有一个链接的图像，它包含在一个div中。我希望能够将链接的图像拖动到一个tinyMCE控件中，而不需要其周围的div

HTML:

以及：

---

还有一些其他的事情，但我当然知道，除了防止在DIV中拖动任何东西之外，这些都不会起任何作用。

将您的标记更改为：

<div draggable="false"><a href="somelink" draggable="false"><img src="someimage" draggable="true" /></a></div>

HTML:

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

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

---

我在制作与TinyMCE一起使用的拖放图像窗格时遇到了这个问题。这个解决方案在我使用Firefox本机拖放时很有效：我没有用td、tr等来包装img标签。如上所述，我在图片前放了一条很小的注释：。这足以排除拖放中的父元素，这是一个DIV。我希望这对某人有所帮助

我们能看看你剩下的代码吗？特别是您编写的jquery命令是只使用jquery还是同时使用jquery UI？对不起，我不使用jquery UI。你的建议是拖动/克隆吗？作为这个问题的快速解决方案，我必须将链接包装在一个默认情况下不会拖动的元素中，在本例中是一个表/tr/td。你可以修改拖动的内容，但这在IE8中不起作用。不幸的是，拖动属性至少在v9之前与IE不兼容，这不是一个选择。谢谢。但我没有使用jqueryui。看起来每个人都错过了预期的结果，即拖动“链接”图像，而不是“仅”图像。

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

<div draggable="false"><a href="somelink" draggable="false"><img src="someimage" draggable="true" /></a></div>

document.ondragstart = function () { 
    return false; 
};

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

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

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