javascript - javascript如何在没有连接父div的情况下拖动链接?

  显示原文与译文双语对照的内容

我有一个链接,它是由一个div所包含的。 我希望能够将链接的图像拖到一个tinyMCE控件,而不包含它周围的DIV 。

html :


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



由于任何原因,它将DIV与IMG和。 是否有办法让它不拖拉 DIV 。 我试图阻止默认 ondrag,onmousedown 等等 在DIV上,但是没有什么拖动。

我尝试过:


$(document).ready(function(){


 $('#image_preview').on('mousedown', function(){


 return false;


 });


});



还有:


$(document).ready(function(){


 $('#image_preview').on('dragstart', function(e){


 e.preventDefault();


 });


});



还有它的他一些事情,但当然我知道这些都不能阻止在DIV中拖动任何内容。

时间: 原作者:

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');


 } 


 });


});



将标记更改为:


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



你应该能够通过使用如下类似的内容来阻止 IE 拖动 bahavior:


document.ondragstart = function () { 


 return false; 


};



原作者:

我在将&拖放图像窗格拖到TinyMCE旁边时遇到了这个问题。 这里解决方案使用 Firefox 拖放&拖放功能为我工作: :mentioned 等等,tr,来包装标签,我在图像之前放了一个小注释: 这足以排除拖动 & drop中的父元素,它是一个 DIV 。 我希望这有助于 !

原作者:
...