【发布时间】：2015-03-19 23:53:50
【问题描述】：
我一直在玩 jquery-ui resizable 并且主要在 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 的问题，因为如果您添加“可拖动”并首先拖动窗口，则调整大小可以完美地工作。我假设拖动设置了一些调整大小没有做的变量，但是在调试元素本身时我无法区分。我认为问题的发生是因为应用于“main”的“bottom”和“right”css 属性。
我认为 jQuery 在执行其“调整大小”代码时无法进行某种计算，该代码存在于“可拖动”代码中。但是，我对他们的代码还不够熟悉，甚至无法说出他们的代码有什么不同。
我创建了一个 jsfiddle 来演示该问题，为简单起见，我将 fiddle 中的可拖动组件注释掉（针对特定情况使用 Google chrome）：http://jsfiddle.net/feildmaster/t4h7x594/
所以现在我问，你认为我遇到的问题是我自己的代码、jQuery 还是 chrome？ 它可以在我自己的一端修复吗？我应该把这个问题交给jQuery自己吗？你们能找到解决办法吗？
我会接受任何解释清楚的答案，只要它有意义。见鬼，我仍然不确定我是否应该在这里问这个问题。
谢谢 -艾伦
【问题讨论】：
标签： javascript jquery css jquery-ui google-chrome