我需要使用css-transform和.resizable修复新的jquery-ui问题

时间:2013-09-24 00:39:04

标签: jquery-ui

我发现1.10.3中的几个问题与1.9.2没有问题。我想也许你们其中一些程序员可以解释一下。

我使用$(object).attr('contentEditable',true)来使div可编辑。这不适用于较新版本的Jquery-ui。还有其他人经历过这个吗?

另外,我使用非常聪明的调整大小调用来调整每次移动的对象,以便我可以调整父类div上的div,该div已经被像这样的类转换...

.scale50 {
-webkit-transform: scale(.50);
-moz-transform: scale(.50);
-o-transform: scale(.50);
-ms-transform: scale(.50);
}

调整大小功能将原始宽度与移动后的宽度进行比较,然后缩放增量。这样可以在调整大小时将光标保持在手柄上,而不是像往常一样移开。我的代码如下所述,在1.9.2中效果很好。

    function resizefix(event,ui) {
    var changeWidth = ui.size.width - ui.originalSize.width;
    var newWidth = ui.originalSize.width + changeWidth*zoomScale;
    var changeHeight = ui.size.height - ui.originalSize.height;
    var newHeight = ui.originalSize.height + changeHeight*zoomScale;
    ui.size.width = newWidth;
    ui.size.height = newHeight;
    //console.log(ui.size.height+" | "+ui.originalSize.height+" | "+newHeight);
    }

请注意我已注释掉的控制台日志。如果我在1.9.2上取消注释,我会得到两个不同的值,正如您所期望的那样。对于1.10.3,它们是相同的值,因此,该函数没有效果。还有其他人试过吗?

有没有更好的地方报告Jquery-ui错误?

感谢极客们。

更新问题#1,contentEditable问题并不是真正的错误。由于我的语句的顺序,在我尝试编辑之前,draggable没有被销毁。我在可调整大小之前添加了一个draggable('destroy'),似乎可以修复它。我不知道为什么它在1.9.2中有效但在1.10.3中没有。

0 个答案:

没有答案