親divを付けずにリンクをどのようにドラッグしますか？

Question

divに含まれるリンクされた画像があります。私はにリンクされた画像を周囲のDIVのないtinyMCEコントロールにドラッグできるようにしたい。

HTML：

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

それはIMGとA.と一緒にDIVをドラッグしています何らかの理由でそれが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

変更これまであなたのマークアップ：

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

Answer 2

HTML：：

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

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

jQueryの

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

あなたはこのようなものを使用してbahaviorをドラッグIEのデフォルトを防ぐことができるはずです：

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

Answer 3

TinyMCEと一緒に使用するドラッグイメージペイン&ドラッグを作成するときにこの問題が発生しました。この解決策は、Firefoxのネイティブドラッグ&ドロップを使用して私のために働いた：上記のようにimgタグをtd、trなどでラップする代わりに、私は画像の前に小さなコメントを置いた：。これはDVEであったドラッグ&ドロップの親要素を除外するのに十分でした。これが誰かを助けることを願っています