javascript - 当 IE 8 中的大小更改(高度、宽度)时，VML 中的可拖动元素会卡住

Question

我在使用 VML(我将其用作 svg 的后备)时遇到问题

我使用 jQuery UI draggable 让用户能够移动元素。当我通过更改高度和宽度的样式属性来调整图像(这是一个 v: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-resizable-images-in-IE7-IE8-and-any-other-browser.aspx