Wie ziehen Sie eine Verknüpfung, ohne dass das übergeordnete div angehängt ist?

Question

Ich habe ein Bild, das verknüpft ist, das von einem div enthalten ist. Ich möchte in der Lage ziehen Sie das verknüpfte Bild zu einem tinyMCE Steuerelement ohne seine Umgebung DIV.

HTML:

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

Aus welchem ​​Grunde auch immer es ist die DIV zusammen mit der IMG und A. Ziehen Gibt es eine Möglichkeit, es zu erhalten, um nicht den DIV zu ziehen. Ich habe versucht, Standard Ondrag, Onmoused etc. auf dem DIV zu verhindern, aber dann zieht sich nichts.

Ich habe versucht:

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

und:

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

und ein paar andere Dinge, aber natürlich wusste, dass ich keiner von denen würde etwas anderes tun, als von irgendetwas Ziehen verhindern innerhalb der DIV.

Answer 1

Ändern Sie Ihr Markup dies:

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

Sie sollten in der Lage sein, IE standardmäßig zu verhindern, indem sie mit so etwas wie das Ziehen bahavior:

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 :

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

Answer 3

Ich hatte dieses Problem beim Ziehen & Drop-Bild-Fenster neben TinyMCE zu verwenden. Diese Lösung funktionierte für mich mit Firefox nativen Drag & Drop: Anstatt das img-Tag mit einem td, tr, etc. wie oben erwähnt, legte ich einen winzigen Kommentar vor dem Bild:. Dies war genug, um das Elternelement im Drag & Drop auszuschließen, was ein DIV war. Ich hoffe, das hilft jemandem!