当IE 8中的大小更改(高度、宽度)时，VML中的可拖动元素被卡住
当IE 8中的大小更改(高度、宽度)时，VML中的可拖动元素被卡住
提问于 2012-02-24 07:11:08
我在VML (我用它作为svg的后备)方面遇到了问题
我使用jQuery UI draggable让用户能够到处移动元素。当我通过更改高度和宽度的样式属性来调整图像(这是一个v: image )的大小时，就会出现这个问题。
此时发生的情况是，元素卡在其容器的左上角，不能再拖动。
奇怪的是，当我在JavaScript控制台中请求可拖动元素的位置(上、左)时，我得到了值，当我单击并拖动时，这些值会发生变化-即使元素在视觉上没有移动……
以前有人遇到过这个问题吗？
这是我改变元素大小的地方。
$($image)
.css({
'width' : zoomInPx_width + "px",
'height' : zoomInPx_height + "px"
});draggable被设置得非常直接
$($image).draggable({
drag: function () { /*callback here*/ }
})回答 2
Stack Overflow用户
回答已采纳
发布于 2012-02-24 23:08:35
我终于设法让它工作起来了。
当我们改变可拖动元素的大小时，似乎VML在IE 8上崩溃了。因此，当滑动发生时，我必须销毁元素并从头开始重新创建它。
这不是真正的性能，但这是我在这里工作的唯一修复方法。
顺便说一句，.detach()不起作用，您必须销毁它，然后从头开始重新创建它。
Stack Overflow用户
发布于 2012-11-16 23:57:43
在我的应用程序中，我使用了以下代码：
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;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9422937
复制相关文章
相似问题
腾讯云开发者
