当 IE 8 中的尺寸更改（高度、宽度）时，VML 中的可拖动元素会卡住

Question

我遇到了 VML 问题（我将其用作 svg 的后备），

我使用 jQuery UI 可拖动来让用户能够移动元素。当我通过更改高度和宽度的样式属性来调整图像（即 av:image）大小时，就会出现问题。

此时发生的情况是，元素卡在其容器的左上角并且无法再拖动。

奇怪的是，当我在 JavaScript 控制台中询问可拖动元素的位置（顶部、左侧）时，我得到了值，并且当我单击和拖动时这些值会发生变化 - 即使该元素在视觉上没有移动。 ？

有人遇到过这个问题吗

这是我更改元素大小的地方。

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

可拖动设置非常简单

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

Answer 1

最后我成功地完成了这项工作。

当我们更改可拖动元素的大小时，VML 在 IE 8 上似乎会崩溃。因此，当滑动发生时，我必须销毁该元素并从头开始重新创建它......

这并不是真正的高性能，但这是对我来说唯一有效的修复方法。

顺便说一句， .detach() 不起作用，您必须销毁它并从头开始重新创建它。

您也可以在那里获取一些信息： http://www.acumen-corp.com/Blog/tabid/298/EntryId/26/Using-jqueryRotate-ui-draggable-and-ressized-images-in-IE7-IE8-and-任何其他浏览器.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;