jquery animate input为什么会自动缩小

卖切糕大叔 发布于 2013/03/15 19:37
阅读 1K+
收藏 0
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
  <input type="text" value="Hoho!!"/>
  <button>Button</button>
  <script type="text/javascript">
 $("button").click(function(){
      $("input").animate({width: $("input").width()});
 });
  </script>
</body>
</html>
以上这段代码,点击button触发animate事件.我animate设置的是width不变,为什么input的宽度还是会自动缩小4px,在firefox和chrome上都是这样,有什么办法让他不变化?请大神指教!!

以下是问题补充:

@卖切糕大叔:这段精简的代码我就是希望input的宽度不变化。但是animate执行完了之后input会莫名其妙缩小4px(比如说原来160px,执行完就变成156px)。大神们先不要纠结于我写的不规范不完整,有兴趣的试一下,如果不停按button,input最后会缩短到0px,请告诉我怎么能让他保持原大小。 (2013/03/16 09:52)
@卖切糕大叔:这段精简的代码我就是希望input的宽度不变化。但是animate执行完了之后input会莫名其妙缩小4px(比如说原来160px,执行完就变成156px)。大神们先不要纠结于我写的不规范不完整,有兴趣的试一下,如果不停按button,input最后会缩短到0px,请告诉我怎么能让他保持原大小。 (2013/03/16 09:52)
@卖切糕大叔:这段精简的代码我就是希望input的宽度不变化。但是animate执行完了之后input会莫名其妙缩小4px(比如说原来160px,执行完就变成156px)。大神们先不要纠结于我写的不规范不完整,有兴趣的试一下,如果不停按button,input最后会缩短到0px,请告诉我怎么能让他保持原大小。 (2013/03/16 09:52)
@卖切糕大叔:这段精简的代码我就是希望input的宽度不变化。但是animate执行完了之后input会莫名其妙缩小4px(比如说原来160px,执行完就变成156px)。大神们先不要纠结于我写的不规范不完整,有兴趣的试一下,如果不停按button,input最后会缩短到0px,请告诉我怎么能让他保持原大小。 (2013/03/16 09:52)
加载中
0
叛道
叛道

单纯缩放吗?是不是这样?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<input type="text" value="Hoho!!"/> 
<button>Button</button> 
<script type="text/javascript"> 
	$(function() {
		 $("button").click(function(){ 
			  $("input").css({zoom:1}).animate({zoom:1.2}, 500, function() { //先放大1.2倍
				  $(this).delay(500).animate({zoom:1}, 500);  //延迟1秒后缩放到原大小,即1:1
			  }); 
		 }); 
	});
</script>

叛道
叛道
width也可以改啊,值要有变化就有动画效果。
卖切糕大叔
卖切糕大叔
大概input的width不能乱改吧,虽然还没明白为什么,但是你的方法解决了我的问题,谢谢啦!
0
卖切糕大叔
卖切糕大叔
大神都哪去了???
叛道
叛道
多看看jQuery的API手册。
卖切糕大叔
卖切糕大叔
回复 @叛道pandao : 我希望把input放大然后再恢复原大小,但是怕代码太多没人乐意看特意精简到最少。看代码确实是应该什么都不变,但是我测试的时候长度会莫名其妙地缩小4px。我百思不得其解,所以来问一下高手。如果有兴趣你可以粘过去试一下,顺便告诉我怎么能让他不变化。多谢啦
叛道
叛道
你要实现什么效果都没说清楚,第一:没有贴HTML结构和CSS样式,第二:$("input").animate({width: $("input").width()}); 宽度等于宽度?这样的动画会有变化吗?!
返回顶部
顶部