jquery - 在 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 中的活动按钮类（受此答案的启发），这意味着如果您或其他人决定更改它，这将起作用。

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