Question

我一直在玩jquery-ui可调整大小并且主要在chrome中测试。所以我所拥有的是一个“主”窗口，设计为可调整大小和可拖动，但默认情况下位于屏幕的右下角。

#main {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 300px;
   height: 200px;
}

然而，代码的调整大小部分一直给我带来麻烦，在玩了我的代码2天后，我的朋友加载了页面并说它对他有效。我不相信他并亲自尝试过，但这不行。然后他告诉我他正在使用Firefox，所以我在那里尝试并且代码执行完美。我正努力寻求尽可能多的支持，并且真的希望它在chrome中也能完美运行。我正在使用的代码非常基本，我认为执行它的方式不存在问题。

// $("#main").draggable({handle: "h1:first-of-type", containment: "parent"});
$("#main").resizable({
    handles: "n,s,e,w",
    maxWidth: 500,
    minWidth: 100,
    minHeight: 50, containment: "parent"
});

但是，我确实认为这是jQuery和chrome的问题，因为如果你添加“draggable”并首先拖动窗口，调整大小就会完美。我假设拖动是设置一些调整大小没有做的变量，但是在调试元素本身时我无法区分。我认为问题的出现是因为应用于“main”的“bottom”和“right”css属性。

我认为jQuery在执行“调整大小”代码时无法进行某种计算，这些代码存在于“可拖动”代码中。但是我对他们的代码不够熟悉，甚至不知道它们的代码有什么不同，如果它们的代码中甚至存在问题。

我已经创建了一个jsfiddle来演示这个问题，为了简单起见，我注释了小提琴中的可拖动组件（特定情况下使用Google Chrome）：http://jsfiddle.net/feildmaster/t4h7x594/

所以现在我问，你认为我遇到的问题是我自己的代码，jQuery还是chrome？我自己可以解决这个问题吗？我应该把这个问题交给jQuery自己吗？你们能找到解决方案吗？

我会接受任何解释得很好的答案，只要它有意义。天啊，我还不确定我是否应该在这里问这个问题。

由于 -Alan

Answer 1

好的，我发现这是一个7岁的jQuery bug。我想我应该先看一下。

http://bugs.jqueryui.com/ticket/3011

Answer 2

在我正在进行的项目中遇到完全相同的问题。

这一切在FireFox中运行良好，但是当我在chrome中测试我的代码时，页面底部的框的调整大小会中断。

也许它可能以编程方式触发一个小的可拖动事件来使bug消失？

jQuery调整了使用css定位的元素，不要在chrome中正确调整大小

2 个答案: