3 개의 상태 이미지 버튼을 클릭하고 클릭 취소하면

버튼을 클릭하면 : 활성 클래스가 활성화되고 세 번째 이미지 "클릭 상태"가 바뀌지 만 클릭을 취소하면 그 상태 시체의 다른 곳을 클릭 할 때까지 버튼에 머물러 있습니다. 클릭을 취소하면 버튼이 첫 번째 상태로 돌아갑니다.3 개의 상태 이미지 버튼을 클릭하고 클릭 취소하면

.button_friend { 
    width: 240px; 
    height: 35px; 
} 
.button_friend a { 
    width: 240px; 
    height: 35px; 
    background-position: left 0px; 
    background-image: url("../Images/btn_friend.png"); 
    display: block; text-indent: -9999px; 
    margin: auto auto auto auto; 
    cursor: pointer; 
    outline: transparent solid 0px; 
} 
.button_friend a:hover { 
    background-position: left -36px; 
} 
.button_friend a:active { 
    background-position: left -73px; 
}

이미지 :

jsFiddle 그것에 어떤 코드가 없다고

http://screencast.com/t/QaayuIJx

출처

2011-08-19 Anonymous

문제를 재현하려면 jsfiddle을 만드시겠습니까? – mkk

http://jsfiddle.net/EuhAc/ –

어떤 브라우저를 사용하십니까? 당신 문제에서 그런 문제가있는 것 같지 않습니다. – vanErp

? 귀하의 사진과 질문에 대한 태그를 기반으로하지만, jquery UI 및 프레임 워크 테마를 사용하여 자신의 CSS를 추가하는 것처럼 보입니까? 내가 잘못했다면 코드를 jsfiddle에 누락 된 코드로 작성하십시오. 나는 그러나 나는이 될 수있는 이유 몇 가지 아이디어를 가지고 왜 확실하지 실제 버튼에서 내장 (입력 또는 제출)하는 JQuery와 UI "버튼"을 많이입니다 본

그렇지 않으면

. 이 페이지를 확인하십시오. http://taitems.github.com/Aristo-jQuery-UI-Theme/#. 입력 및 제출 버튼을 클릭하십시오. 상태가 저장됩니다. 버튼으로 변환 된 div를 클릭하십시오. 아이콘이있는 아래쪽 버튼은 원하는 것을 수행하지만 div에서 또한 볼 수 있습니다. 나는 거기에 jquery UI가있는 버그가 있거나 이것이 바람직한 행동이라고 생각 하는가?

수정하려면 다른 요소를 사용하거나 단추가 필요한 경우 클릭시 ui-state-active 클래스를 제거하십시오.

출처

2011-08-19 21:39:32 SipSop

3 개의 상태 이미지 버튼을 클릭하고 클릭 취소하면

답변

관련 문제