jquery ui效果更改<；输入>；运行时的尺寸效应

我想在输入标记上运行一个名为“shake”的jquery ui效果：

$("#myInput").effect("shake");

我在包含的css文件中为输入标记指定了新的大小：

height: 25px;
width: 250px;

效果运行良好，但在效果期间，输入标记具有默认大小，直到效果结束。然后，它又变大了

错误在哪里？这是jQueryUI中的一个bug吗

---

在效果期间使用图片。

很可能是由于不同的CSS样式在效果期间获得优先权。查看背景在抖动动画期间变为红色的位置

div > input /* while not in animation */

div > div > input /* while in animation due to wrapping from jQuery, like ElendilTheTall said */

---

解决方案很简单：修复css。听起来有点像smartassy，抱歉，但我们需要更多信息来指出您的问题。第一次尝试添加

！重要信息

选择样式定义高度或尝试使用行高设置高度。

我也遇到了同样的问题，并找到了解决方案。 是的，我同意ElendilTheTall的说法，只要效果还在继续，jQueryUI就会包装目标并更改维度。 因此，解决方案很简单。只需通过在CSS中添加“！important”来固定HTML元素的高度和宽度。

---

就这样。Jquery UI将无法更改维度。

我认为Jquery UI应用效果的方式存在一些问题，即将目标包装到临时容器div中。我以前也遇到过同样的问题，但从未找到解决方案。你能在JSFIDLE中重现这一点吗。。。这对我来说在Chrome上似乎很好。这很奇怪，但是你的小提琴工作正常，我看不出我的代码中有什么真正的区别…但是我把输入存储在一个变量中。但是我在小提琴上测试了它，它的工作原理是一样的。你能分享你能够复制它的小提琴吗？或者你是说“相同”意味着工作我认为我的小提琴没有帮助，因为我在我的文件中复制了Danko的小提琴，在safari 7.0.1和firefox 26.0中找到了它，得到了奇怪的行为。在小提琴本身，它就像一个符咒。当效果开始时，输入字段将变为换行符，并且变为其高度的一半，即使我没有更改css中的默认高度。我在上面贴了一张照片。不，这不是css。如果我甚至不使用css，问题仍然存在。我无法提供更多信息，因为fiddle代码（上面发布的）在fiddle站点上有效，但在本地文件中复制并在浏览器中调用时无效。