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

标签 javascript vector internet-explorer-8 jquery-ui-draggable vml

我遇到了 VML 问题(我用它作为 svg 的后备)

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

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

一件奇怪的事情是,当我在 JavaScript 控制台中询问可拖动元素的位置(顶部、左侧)时,我得到了值,并且当我单击并拖动时这些值会发生变化 - 即使该元素在视觉上不可见移动...

有人遇到过这个问题吗?

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

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

可拖动设置非常简单

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

最佳答案

我终于成功完成了这项工作。

当我们更改可拖动元素的大小时,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

关于javascript - 当 IE 8 中的尺寸更改(高度、宽度)时,VML 中的可拖动元素会卡住,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9422937/

相关文章:

javascript - 使用数组作为具有handsontable的列

javascript - D3 - 向简单折线图添加网格

javascript - 如何在 vuejs 中创建动态 rowpan 表?

对象 vector 的 C++ 内存管理

html - 过滤灰色图像,黑色周围png ie8

javascript - "Uncaught TypeError: e.slice is not a function"传递json数据到"orchard"查看

C++ 内存管理和 vector

c++ - 为什么当我们将输入作为 long int 类型时 while 循环终止?

javascript - IE8 : Object doesn't support this property or method

javascript - 多个 CSS pie + overlay 的问题