在JQuery中重置按钮状态

Question

我正在创建一个Phonegap & JQuery移动应用程序。我有一些按钮，并在应用程序中导航时，如果返回到菜单屏幕，您会看到它们仍处于选中状态（处于活动状态），或者处于悬停状态。

一旦用户返回到菜单屏幕，是否可以重置状态？

Answer 1

是的，你可以，你需要删除它的ui-btn-active类。

实施例：

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

做在pagebeforeshow事件：

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

Answer 2

的改进：可以设置，因此抓住，从JQM有源按钮类动态（由启发this answer），这意味着如果你或者某个下线的人决定改变它，这将起作用。

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