2012-12-19 2 views
3

Phonegap & JQuery 모바일 애플리케이션을 생성 중입니다. 몇 가지 버튼이 있고 앱에서 탐색 할 때 메뉴 화면으로 돌아 가면 선택된 상태 (활성 상태) 또는 마우스를 가리킨 상태를 볼 수 있습니다.JQuery에서 버튼 상태 재설정하기

사용자가 메뉴 화면으로 돌아 가면 상태를 재설정 할 수 있습니까?

답변

3

예, ui-btn-active 클래스를 제거해야합니다.

예 :

$('#page').live('pagebeforeshow',function(e,data){  
    $("#button").removeClass("ui-btn-active"); 
}); 
+0

사용자가 버튼을 다시 클릭해도 활성 상태가 적용됩니까? – user1809790

+0

예. 다시 적용됩니다. jQM은 페이지 전환이 발생한 후 버튼 상태로 약간 버그가 있습니다. – Gajotres

+0

동일하게 ui-btn-hover에 적용 할 수 있습니까? pagebeforeshow에서 클래스를 제거 하시겠습니까? – user1809790

0

개선점은 :이 설정되므로 잡을 수 있고, JQM에서 활성 버튼 클래스 동적 (영감

$("#button").removeClass("ui-btn-active"); 

는 pagebeforeshow 이벤트에 할 this answer) 이는 사용자 본인 또는 누군가가 변경하기로 결정한 경우에 효과가 있음을 의미합니다.

$(document).delegate("#page-id", "pagebeforeshow", function(){ 
    var activeClass = $.mobile.activeBtnClass; 
    $(this).find("."+activeClass).removeClass(activeClass); 
});