$(this).siblings().stop().fadeTo(200, 0.3);
jqueryanimation에는 대기열이 있으며 실행할 시간이 없을 때 event에 의해 생성된 애니메이션을 대기열에 넣습니다. 이러한 이벤트 대기열 이벤트가 종료되면 continueexecution
응용 시나리오: "mouseover / mouseout / mouseenter / mouseleave"와 같은 이벤트로 인해 누적된 애니메이션 대기열로 인해 발생하는 "깜박임" 문제를 제거하려면
가 필요합니다. 특정 상황에서는 먼저 이전에 누적된 애니메이션 대기열을 지우고 마지막으로 마지막 애니메이션 작업을 실행합니다.
요소에 누적된 애니메이션 대기열을 지우는 명령은 "stop()"입니다.
한 번 살펴보겠습니다. w3school의 응답에서 가장 권위 있는 설명은 다음과 같습니다.
jQuery stop() 方法用于停止动画或效果,在它们完成之前。 stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。show, hide, toggle并不能算动画, 实质就是css的静态效果. $(selector).stop(stopAll,goToEnd); 最重要的是, 要真正明白它的两个参数的含义: [可选的 stopAll ]参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。 [可选的 goToEnd ]参数规定是否立即完成当前动画。默认是 false。即就停在当前状态. 因此,本来, 默认地,stop() 只是去 清除在被选元素上指定的当前动画。
stop(isStopAll, isGoToEnd) // 默认的参数是true, false // stop(true, false) 清除所有的队列, 不要继续执行完当前未执行完的动画 // 清除动画队列: 不是恢复到动画执行之前的状态, 而是执行到哪里, 就停止在哪里. // 如果该动画设置了 **执行完毕后** 的回调函数,则不会执行该回调函数(因为动画并没有执行完毕) // 如果使用stop()方法,则会立即停止当前正在运行的动画, // 参数isGoToEnd:是否将当前动画效果执行到最后,意思就是, 停止当前动画的时候, 假设动画效果刚刚执行了一般, // 这个时候想要的是 "动画执行之后的效果,那么这个参数就为true"。否则动画效果就会停在stop执行的时候 如果接下来还有动画等待执行,(这也是常常用到的情况, 要不然也不会去管stop()了)则 "以当前状态开始" 接下来的动画。
$('ol li').mouseover(function(){ $(this).siblings().stop(true, true).fadeTo(300, 0.3); }); $('ol li').mouseout(function(){ $(this).siblings().stop(true, true).fadeTo(300, 1); });
프로그램 코드의 작성 방식은 다음과 같습니다. 배열 방법은 시를 작성할 때의 코드 배열 방식과 비슷합니다. 때로는 한 단어와 한 개의 괄호 {,}가 한 줄을 차지하기도 합니다. , 좋고 깔끔한 코드는 눈을 즐겁게 해줍니다. ! 일반적인 8부작 에세이보다 훨씬 우아합니다.
이 언어에서 캐리지 리턴은 공백 및 탭과 동일합니다. 코드를 정렬하고 코드를 더욱 깔끔하고 "우아하게" 만들기 위해 다음 세 가지 문자 집합 기호를 사용할 수 있습니다. 임의로". 물론 코드 실행에는 아무런 영향이 없습니다. Impact!
위 내용은 jquery는 의심의 여지 없이 애니메이션 대기열을 지웁니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!