>  기사  >  웹 프론트엔드  >  jQuery의 토글 교체 방법에 대한 자세한 설명

jQuery의 토글 교체 방법에 대한 자세한 설명

黄舟
黄舟원래의
2017-06-26 13:37:291406검색

이 글은 jQuery 토글 대체 방법 관련 정보를 주로 소개합니다. 필요한 친구들은 참고하면 됩니다.

구체적인 내용은 다음과 같습니다.

$('.back_left dt').toggle(function(){
$(this).addClass("selected");
$(this).siblings('dd').slideUp();
},function(){
$(this).removeClass("selected");
$(this).siblings('dd').slideDown();
});

오늘 프로젝트를 진행하다가 다른 사람의 코드를 복사했습니다. 웹사이트에 가서 알아도 무슨 일이 있어도 못 이루겠다. 너무 불안해서 더 이상 하고 싶지 않을 때, jquery 버전 문제일지도 모른다는 생각이 들었다. 그러다가 jquery 버전을 1.8로 낮추고 기능을 구현했는데, 제가 만든 jqurey 버전이 1.11.1이었는데, 원인을 찾아보니 쉽게 해결이 되었습니다. 토글 메소드가 버전 1.9에 있는 것으로 확인되었습니다. 삭제되었습니다. 버전을 바꾸면 문제가 해결될 수 있는데 더 이상 하위 버전을 사용하고 싶지 않습니다. 그래도 1.11.1 버전을 사용하고 싶은데 토글을 교체하려면 어떻게 해야 하나요?

테스트 후에는 다음 방법을 대신 사용할 수 있습니다.

$(document).ready(function(){ 
$('.back_left dt').click(function(){
if($(this).hasClass("selected")){
$(this).toggleClass("selected");
$(this).siblings('dd').slideDown();
}else{
$(this).toggleClass("selected");
$(this).siblings('dd').slideUp();
} 
}); 
});
Parameter Description
speed

선택 사항입니다. 요소가 표시에서 숨김으로(또는 그 반대로) 전환되는 속도를 지정합니다. 기본값은 "0"입니다.

가능한 값:

  • 밀리초(예: 1500)

  • "slow"

  • "normal"

  • "fast"

속도가 설정되면 요소는 In에서 표시됩니다. 숨기는 과정, 높이, 너비, margin, padding 및 투명도가 점차 변경됩니다.

이 매개변수를 설정하면 스위치 매개변수를 사용할 수 없습니다.

콜백

선택사항입니다. 토글 Function실행 후 실행할 함수입니다.

콜백에 대해 자세히 알아보려면 jQuery 콜백 장을 방문하세요.

이 매개변수는 속도 매개변수를 설정하지 않으면 설정할 수 없습니다.

스위치

선택사항. 부울 값. 토글이 선택한 모든 요소를 ​​숨길지 아니면 표시할지 지정합니다.

  • True - 모든 요소 표시

  • False - 모든 요소 숨기기

이 매개변수를 설정하면 속도 및 콜백 매개변수를 사용할 수 없습니다.

위 내용은 jQuery의 토글 교체 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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