2013-07-21 2 views
0

jQuery Mobile에서 초점 및 초점이 맞지 않은 이미지를 추가하는 방법을 알려주십시오. 하나의 단추를 추가합니다. 생각에 이미지를 바꿀 필요가 있니? onfocus 또는 unfocus에 있습니다. 사용자가 쉽게 선택할 수 있습니다. 어떤 버튼이 선택되었는지 또는 어떤 버튼이 선택되지 않았습니까? 두 개의 버튼이있는 경우 어떤 버튼이 선택되었는지 또는 어떤 버튼이 선택되지 않았는지 확인해야한다고 생각합니까?초점을 맞추거나 초점을 맞추면서 이미지를 변경하여 사용자가 어떤 이미지를 선택했는지 알 수 있습니까?

이 작업을 수행하는 방법을 알려주시겠습니까? 호버 애니메이션을 가져 :

나는 당신은 간단하게 사용할 수있는이

<div class="ui-block-c" style="margin-left: 5px;"> 
     <a href="#" data-role="button" data-corners="false" data-inline="true" class="next_h" id="next">Next</a> 
    </div> 
    <div class="ui-block-d" style="margin-left: 30px;"> 
     <a href="#" data-role="button" data-corners="false" data-inline="true" class="previous_h" id="prev">Previous</a> 
    </div> 

답변

0

처럼 사용합니다.

또는 focusin 및 focusout 이벤트에 대해 아래와 같이 클래스를 추가하십시오.

CSS 및 jQuery 사용.

$("a").focusin(function(){ 
    $(this).addClass("selected"); 
}); 

$("a").focusout(function(){ 
    $(this).removeClass("selected"); 
}); 

새 CSS 규칙을 정의하십시오.

.selected { 
    (add your selected picture as a background or another effect) 
} 

별도의 배경 그림을 원한다면;

.selected .next_h { 
    (add your selected picture as a background or another effect) 
} 
.selected .prev_h { 
    (add your selected picture as a background or another effect) 
} 
+0

하지만 이미지를 변경해야합니다. 두 개의 이미지가 있습니다 ..? – Rohit

+0

resetAll 함수는 모든 버튼을 재설정하고 클릭 이벤트의 콜백 함수는 클릭 된 버튼 만 변경합니다. – sgun

+0

mean .. !! 내가 fucus에 unfocus 이미지를 변경해야합니다 – Rohit

관련 문제