Question

jquery动画为什么延迟执行？

Display Page <link href=" 让焦点在文本框中获得、失踪去，一再几回，为什么动画效不美观起头执行的时刻越来越慢？根基上点击几回，就延时几秒执行 jquery

Answer 1

jQuery有一个动画队列，用以维护对于此节点的动画操作，你的代码的意思是：每次focus的时候，都给节点元素绑定一个blur事件处理函数，而之前的方法并没有消失掉，还在队列里，所以多次focus之后，队列里的事件处理函数就有很多了，因为执行的函数多了，所以你的代码运行速度就慢了。
在jQuery中，通过animate()可以实现元素的动画显示，但在显示的过程中，必须要考虑各种客观因素和限制性条件的存在，因此，在执行动画时，可通过stop()方法停止或delay()方法延时某个动画的执行．stop()与delay()方法的语法调用格式介绍如下：
stop()方法的格式如下：
stop([clearQueue],[gotoEnd])
这个方法的功能是停止所选元素正在执行的动画，其中可选参数[clearQueue]是一个布尔值，表示是否停止正在执行的动画，另外一个可选参数[gotoEnd]也是一个布尔值，表示是否立即完成正在执行的动画．
dylay()方法的格式如下：
delay(duration,[queueName])
这个方法的功能是设置一个延时值来推迟后续队列中动画的执行，其中参数duration为延时的时间值，单位是毫秒，可选参数[queueName]表示队列名词，即动画队列．

Answer 2

jQuery有一个动画队列，用以维护对于此节点的动画操作，你的代码的意思是Q殴畚focus的时辰，都给节点元素绑定一个blur事务措置函数，而之前的体例并没有消逝踪失踪，还在队列里，所以多次focus之后，队列里的事务措置函数就有良多了，因为执行的函数多了，所以你的代码运行速度就慢了。

Answer 3

$("input[type='text']").focus(function () { var elem = $('#transform'); elem.animate({ width:"500px", height:"200px" }, 1000); $(this).animate({ width:"420", left:"40" }, 1000); }).blur(function () { var elem = $('#transform'); elem.animate({ width:"300px", height:"60px" }, 1000); $(this).animate({ width:'240px', left:'30px' }, 1000); });; 把代码改成这样就好了。

Answer 4

你把focus和blur非笕�党獯试试 Display Page