의사 요소에서 after 및 : before를 사용하면 toggleClass 메서드의 기간 값이 작동하지 않는 것처럼 보입니다. Btw, 전환 작동합니다.toggleClass 지속 시간이 의사 요소에서 작동하지 않습니다.
Fiddle에서 테스트 할 수 있습니다.
jQuery를 :
$('p').on('click', function() {
$(this).toggleClass('special', 500);
});
CSS :
p:before {
content:"foo";
color: red;
cursor:pointer;
}
p.special:before {
content:"bar";
}
나는 그것이 작동되도록 할 수있는 방법이 있는지 알고 싶습니다. 내가 뭔가 잘못하고 있는거야? 미리 감사드립니다.
toggleClass에는 duration 매개 변수가 없습니다. 애니메이션 기능 사용 jquery .animate()
구문은 $(selector).toggleClass(classname,function(index,currentclass),switch)입니다.
classname 필수 입력란입니다. 추가하거나 제거 할 하나 이상의 클래스 이름을 지정합니다. 여러 클래스를 지정하려면 클래스 이름을 공백으로 분리하십시오. function (index, currentclass) 선택 사항. 추가 할 하나 이상의 클래스 이름을 반환하는 함수가/
index을 제거 지정 - 세트 currentclass의 요소의 인덱스 위치를 반환 - 선택 요소
switch 옵션
귀하의 의견을 보내 주셔서 감사합니다. 더 구체적으로 말하면, 애니메이션은 위치의 변화가 아니며, 아이콘을 바꿀 때의 변화입니다. 하나의 아이콘은 다른 아이콘을 천천히 (500 밀리 초) 대체하고 새로운 아이콘은 같은 위치에 있습니다. – Gerard
[documentation] (http://api.jquery.com/toggleclass/) - toggleClass에는 기간 값이 없습니다. 두 번째 값은 불린 스위치 – Collett89
StackOverflow에 오신 것을 환영합니다! [해당 제목에 "태그에"태그를 포함해야합니까? "] (http://meta.stackexchange.com/questions/19190/should-questions-include-tags-in-the-titles)를 참조하십시오. 여기서 컨센서스는 다음과 같습니다. "아니, 그들은해서는 안된다". –
@AndreasNiedermair이 조언에 감사드립니다. 솔직하게 말하면, 필자는 광산을 썼을 때 다른 책과 같은 스키마를 사용했다. 그러나 나는 다음 번에 그것을 알게 될 것이다. – Gerard