1

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

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 内で何かをドラッグするのを防ぐ以外に何もしないことはわかっていました。

4

3 に答える 3

0

マークアップを次のように変更します。

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

次のようなものを使用して、IE のデフォルトのドラッグ動作を防ぐことができるはずです。

document.ondragstart = function () { 
    return false; 
};
于 2012-04-09T21:24:54.753 に答える
0

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');
        }            
        });
});
于 2012-04-09T22:14:23.920 に答える
0

TinyMCE と一緒に使用するドラッグ アンド ドロップ イメージ ペインを作成するときに、この問題が発生しました。このソリューションは、Firefox のネイティブ ドラッグ アンド ドロップを使用して機能しました。上記のように img タグを td や tr などでラップする代わりに、画像の前に小さなコメントを配置しました: 。DIV であるドラッグ アンド ドロップで親要素を除外するには、これで十分でした。これが誰かに役立つことを願っています！

于 2014-04-14T04:30:38.123 に答える