클릭하면 계속 눌려진 채로 버튼을 얻으려고합니다. 그러나 내가 작업하고있는 상자 그림자 부분과 CSS 활성 상태 부분은 모두 나를 혼란스럽게합니다. http://jsfiddle.net/UEkBQ/CSS 버튼이 영구적으로 눌린 상태입니다.
이 내가 함께 일하고 있어요 코드는 다음과 같습니다 :
나는 문제는이 코드를 고려 행할 알고 http://jsfiddle.net/frnYf/
은 "#button : 활성"는 CSS가 보인다, 지속적으로 작동 I 동안 클릭했을 때만 토글되도록 할 수 있습니다. make-me-green는 CSS 클래스 이름이며, 클래스 이름 (태그 ID와 pseudoclass로 구성된 자사의 CSS를 선택)하지 #button:active 등의 CSS 규칙에 의해 타겟으로 할 수 있기 때문에
첫 번째 바이올린 작동합니다.
는$(this).toggleClass('some-css-class-name');
에 불과 .sone-css-class-name가 # 선택기 . 선택자보다 더 높은 우선 순위를 갖는다 고 당신이 #button.some-css-class-name 아니라 필요한 이유를 당신의 CSS를 #button:active에서 #button.some-css-class-name에 대한 규칙과 JS을 변경
. .에 대한 질문에 대한 응답으로
...
<div id="blah" class="blah">hello</div>
우리가, 우리가 ID에 대한 클래스 또는 #에 대한 .를 사용 CSS를 알려 동급 또는 그 ID로 div에 타겟팅 할 수 있습니다 .
또는 시도 : http://jsfiddle.net/frnYf/35/
나는 이미 규칙을 클래스로 바꿨다. 운이 없다. id #button은 다음과 같이 포함되어야합니다 : 작동하려면 active. 정확히 어떻게 함께 작동하는지 확신 할 수 없습니다. – Tony
업데이트 된 답변보기 및 체크 아웃 : http://jsfiddle.net/3GBhH/ – DaedalusFall
완벽하게 작동했습니다! 그런데 왜'$ (this) .toggleClass ('some-css-class-name')이 필요합니까? 수업 이름 전에? – Tony
당신이 행할 수있는 것으로 목록의 예는 스타일을 클래스를 사용하지 않는': active' 사이비 선택기. psuedo-selector를 사용하는 직선 CSS에서는 불가능합니다. – Ktash