Phonegap&JQueryモバイルアプリケーションを作成しています。いくつかのボタンがあります。アプリ内を移動すると、メニュー画面に戻ると、ボタンがまだ選択されている(アクティブな状態)か、ホバー状態になっていることがわかります。
ユーザーがメニュー画面に戻ったら、状態をリセットすることはできますか?
Phonegap&JQueryモバイルアプリケーションを作成しています。いくつかのボタンがあります。アプリ内を移動すると、メニュー画面に戻ると、ボタンがまだ選択されている(アクティブな状態)か、ホバー状態になっていることがわかります。
ユーザーがメニュー画面に戻ったら、状態をリセットすることはできますか?
はい、できます。ui-btn-activeクラスを削除する必要があります。
例:
$("#button").removeClass("ui-btn-active");
pagebeforeshowイベントでそれを行います:
$('#page').live('pagebeforeshow',function(e,data){
$("#button").removeClass("ui-btn-active");
});
改善:jQMからアクティブボタンクラスを動的に設定して取得することが可能です(この回答に触発されて)。これは、あなたまたは将来の誰かがそれを変更することを決定した場合に機能することを意味します。
$(document).delegate("#page-id", "pagebeforeshow", function(){
var activeClass = $.mobile.activeBtnClass;
$(this).find("."+activeClass).removeClass(activeClass);
});