在JQuery中重置按钮状态

Question

我正在创建一个Phonegap＆amp; 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);
});