2014-07-25 2 views
-1

나는이 클릭에 아약스 작업을 수행하는 버튼 (NO 다시로드) 내 바탕 화면에서제거 호버 상태

, 내가 버튼을 클릭하면 버튼을 반환 스타일의 상태를 기본값으로 (경우에 유혹되지 않음)

그러나 전화 .. 그것은 것이다 호버 스타일 체류, 내가 다른 곳에서 나는 ("호버")를 해제 시도

클릭해도 및 바인딩 해제 ("마우스 오버하는 MouseLeave mouseenter mousein에

마우스 오버 마우스 오버 ")

는 또한 설정을 시도 : CSS의 활성 상태를, 그리고 "하지-공중 선회"상태에 대한 클래스 이름을 생성하고 (모든 휴대 전화) JQuery와에 클릭에 그에게

영향을 변경하지 어떻게 할 수 이걸 달성 할까?

+0

정확히 무엇을 시도하고 있는지 몇 가지 예를 제공 할 수 있습니까? 아마도 [피들] (http://jsfiddle.net/)일까요? – undefined

답변

0

하면이 같은 것을 시도해보십시오 :

$('#element').on(click, function{ 
    this.toggleClass('selected unselected') 
}); 

선택하고 선택하지 않은 당신이 CSS에 기존의 스타일을 추가 덮어 나던 경우, 추가해야합니다 스타일입니다 당신이 스타일 클래스의 요소의 끝에 중요! 브라우저가 강제로 변경됩니다.

그게 효과가 있는지 알려주세요.

+0

""매복하지 않은 "상태에 대한 클래스 이름을 만들려고 시도했지만 감사합니다. – mowgli

+0

하지만 시도 할 것입니다! 어쩌면 작동합니다. – mowgli

+0

CSS의 : 호버 상태를 사이트의 데스크톱 버전에만 전달하려고합니다. 모바일 브라우저에는 마우스 오버가 없으므로 CSS에서 선언하지 않아도됩니다. –

-1

여기 모바일 버전의 CSS 호버 상태가 필요하지 않은 모든 경우의 해결책입니다.

먼저 브라우저가 JS/jQuery를 통해 데스크톱 또는 모바일 (또는 터치)인지 확인합니다. 그런 다음 'body'태그에 'desktop-version'CSS 클래스를 추가하고 모든 ': hover'pseudoclads CSS 규칙을 JS 함수가 바인드 된 'desktop-version'앵커/선택기로 설정하십시오.

이렇게하면 실제로 멈추지 않는 '호버'상태가되지 않습니다.

관련 문제