jquery-ui效果在运行时更改<input>大小效果
jquery-ui效果在运行时更改<input>大小效果
提问于 2014-02-07 00:31:15
我想在一个input标签上运行一个叫做“摇晃”的jquery-ui效果：
$("#myInput").effect("shake");我在包含的css文件中为input标记指定了新的大小：
height: 25px;
width: 250px;特效运行良好，但在特效期间，输入标签将保持默认大小，直到特效结束。然后，它又变大了。
错误在哪里？它是jquery-ui中的一个bug吗？
特效中的图片。
回答 2
Stack Overflow用户
发布于 2014-02-07 08:02:23
这很可能是由于不同的CSS样式在效果期间获得了优先权。请参见http://jsfiddle.net/qhK96/1/，其中背景在摇动动画期间变为红色。
div > input /* while not in animation */
div > div > input /* while in animation due to wrapping from jQuery, like ElendilTheTall said */解决方案很简单:修复你的css。听起来有点自作聪明，对不起，但我们需要更多的信息来指出你的问题。首先，尝试将!important添加到您的样式定义高度中，或者尝试使用line-height设置高度。
Stack Overflow用户
发布于 2015-12-19 20:31:23
我只是遇到了同样的问题，并找到了解决方案。是的，我同意ElendilTheTall的观点，即只要效果还在进行，Jquery UI就会包装目标并更改维度。因此，解决方案很简单。只需通过在CSS中添加"!important“来固定HTML元素的高度和宽度。就是这样。Jquery UI将不能更改维度。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21608564
复制相关文章
相似问题
腾讯云开发者
