ドラッグ可能な要素IE 8

Question

でサイズ変更（高さ、幅）私はVMLの問題を抱えている時に動けなくなる（私はSVGのためのフォールバックとして使用WICH）

私は、ユーザーができることができるようにjQueryのUIがドラッグを使用要素を動かす。この問題は、高さと幅のスタイル属性を変更して画像のサイズを変更すると発生します（v：画像）。

この時点で、要素はコンテナの左上隅に詰まり、もはやドラッグできなくなります。

奇妙なことは、javascriptコンソールでdraggable要素の位置（上、左）を求めたときに、値を取得し、その要素がクリックしてドラッグすると値が変化するということです視覚的に移動しています...

誰もがこの問題に直面していますか？

ここで私の要素のサイズを変更します。

$($image) 
    .css({ 
     'width' : zoomInPx_width + "px", 
     'height' : zoomInPx_height + "px" 
    }); 

ドラッグは、かなりストレートフォワード

$($image).draggable({ 
    drag: function() { /*callback here*/ } 
}) 

おかげで設定されています！

Answer 1

私はこの仕事をすることができます。

ドラッグ可能な要素のサイズを変更するとIE 8でVMLがクラッシュするようです。だから、スライディングが起きたときに、要素を破棄して最初から作り直さなければならなかった。

これは実際にはパフォーマンスが悪いが、それはここで私のために働く唯一の修正だ。

ところで、.detach（）は機能しませんでしたが、それを破壊してゼロから再作成する必要があります。

あなたもそこにいくつかの情報を取得することができます：私のアプリケーションにhttp://www.acumen-corp.com/Blog/tabid/298/EntryId/26/Using-jqueryRotate-ui-draggable-and-resizable-images-in-IE7-IE8-and-any-other-browser.aspx

Answer 2

を、私はこのコードを使用：

var $cloned_image = $($image).clone().get(0); 
$($image).remove(); 

// need add draggable again 
$($cloned_image).draggable(); 

document.getElementById('k').appendChild($cloned_image); 
$image = $cloned_image;