当IE 8中的大小更改(高度、宽度)时，VML中的可拖动元素被卡住
当IE 8中的大小更改(高度、宽度)时，VML中的可拖动元素被卡住
提问于 2012-02-23 23: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 15:08:35
我终于设法让它工作起来了。
当我们改变可拖动元素的大小时，似乎VML在IE 8上崩溃了。因此，当滑动发生时，我必须销毁元素并从头开始重新创建它。
这不是真正的性能，但这是我在这里工作的唯一修复方法。
顺便说一句，.detach()不起作用，您必须销毁它，然后从头开始重新创建它。
Stack Overflow用户
发布于 2012-11-16 15: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
复制相关文章
![使SplitContainer中某个Panel宽度、高度不变[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/6e73ab99357b1b9ab26bcd7e55d9b315.png)
![在 Flutter 中创建可拖动的浮动操作按钮[Flutter专题15]](https://ask.qcloudimg.com/http-save/yehe-6702670/c296a9d727da9ccc4df3a9192e52d294.png)
点击加载更多
相似问题
当父元素更改宽度/高度时调整画布元素的大小
当我创建可拖动的克隆时，如何保持元素的高度和宽度
拖动视图时的QML可闪烁打印高度/宽度
IE中可处理的宽度和高度
shopify可拖动元素中的意外宽度
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
