>  기사  >  웹 프론트엔드  >  jquery는 의심의 여지 없이 애니메이션 대기열을 지웁니다.

jquery는 의심의 여지 없이 애니메이션 대기열을 지웁니다.

巴扎黑
巴扎黑원래의
2017-06-30 11:40:031740검색

$(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()了)则 "以当前状态开始" 接下来的动画。

stop() 의심의 여지가 없습니다: 실제 개발에서 가장 일반적으로 사용되는 것은 stop(true, true)입니다. 먼저 현재 개체를 지웁니다. (현재 애니메이션의 매개변수가 무엇이든) 삭제되어야 함) 및 모든 후속 애니메이션 대기열, 그리고 일반적으로 현재 애니메이션의 실행이 완료되어야 합니다(이 실행이 완료된 후에는 중간 실행 프로세스가 없지만 없는 경우 현재 애니메이션으로 바로 이동합니다. 삭제 시 최종 상태에 도달해야 합니다). 그런 다음 마지막 애니메이션 작업을 사용합니다. 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);
});
많은

프로그래밍 언어

에서 , 여기서는 js jquery PHP가 코드 작성 정렬 스타일을 지원한다고 말합니다.

    코드를 깔끔하고 우아하게 보이게 만드는 것이 목적입니다
  • 우아함이란 무엇입니까?
  • 코드 작성은 우아함이라고 합니다. 시를 쓰듯이,

    프로그램 코드의 작성 방식은 다음과 같습니다. 배열 방법은 시를 작성할 때의 코드 배열 방식과 비슷합니다. 때로는 한 단어와 한 개의 괄호 {,}가 한 줄을 차지하기도 합니다. , 좋고 깔끔한 코드는 눈을 즐겁게 해줍니다. ! 일반적인 8부작 에세이보다 훨씬 우아합니다.

  • 그래서 코드를 작성할 때 코드를
  • 의식적으로 배열하고 정렬해야 합니다. jquery php는 다음과 같은 배열도 지원합니다.

    이 언어에서 캐리지 리턴은 공백 및 탭과 동일합니다. 코드를 정렬하고 코드를 더욱 깔끔하고 "우아하게" 만들기 위해 다음 세 가지 문자 집합 기호를 사용할 수 있습니다. 임의로". 물론 코드 실행에는 아무런 영향이 없습니다. Impact!

위 내용은 jquery는 의심의 여지 없이 애니메이션 대기열을 지웁니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.