0

margin:0px auto;ドラッグしようとしているセットを持つ要素があります。ドラッグが開始されると、要素は自動マージンを考慮せずに左にシフトされます。ドラッガブルはカーソルのかなり左側にあります。要素の右側にあるドロップ可能に要素をドラッグしようとしています。このオフセットのため、ドロッパブルはアクティブになりません。自動マージンがほとんどなくなるようにウィンドウのサイズを変更すると、要素はドロップ可能オブジェクトを適切にアクティブにします。

私は試してみましたcursorAtが、ドラッグ機能内のドラッグ可能オブジェクトの css を変更しましたが、どちらも機能していません。クローン ヘルパーでも同じことが起こります。ドラッグ機能をコンソールアウトすると、機能しているように見えますが、実際には要素が本来あるべき場所に右に移動していません。

start: function(e, ui){
            $(ui.helper).addClass("ui-draggable-helper");
            window.cloneoffset = parseInt($(this).css('margin-left'));
            console.log(window.cloneoffset);
        },
        // cursorAt:{left:window.cloneoffset}
        drag:function(){        
            $('.ui-draggable-helper').css('left',(parseInt($('.ui-draggable-helper').css('left'))+window.cloneoffset)+'px');            
        }
4

1 に答える 1

3

ウェルプ、マージンの自動部分を実行し、ドラッグ可能から自動マージンを削除するドラッグ可能の周りに別の div を配置することで、それを回避したことがわかりました。

于 2013-03-06T02:27:54.393 に答える