jquery-mobile - jQuery移动按钮保持按下状态

Question

我有一个连接到 ajax POST 的 jQuery 移动按钮。如果 POST 失败，jQuery 移动按钮将保持按下状态而不是“弹出”。有什么想法吗？

Answer 1

它可以轻松完成。

这里有一个 jsFiddle 为我以前的答案之一制作的示例:http://jsfiddle.net/3PhKZ/7/

如果你看一下有这行代码:

$.mobile.activePage.find('.ui-btn-active').removeClass('ui-btn-active ui-focus');

它将尝试在当前事件页面上查找按下的按钮，如果成功，它将删除负责按钮按下状态的 2 个类。不幸的是，纯 CSS 解决方案在这里是不可能的。您可以测试此示例，只需注释顶行，看看会发生什么。

最后一件事选择器 $.mobile.activePage 只能在 pagebeforeshow、pageshow、pagebeforechange、pagechange、pagebeforehide 和 pagehide 页面事件期间使用，所以要考虑到这一点。

如果您无法使用此选择器，只需将其替换为页面 ID，如下所示:

$('#pageID').find('.ui-btn-active').removeClass('ui-btn-active ui-focus');

所以你的最终代码看起来像这样:

$.ajax( "example.php" )
.success(function() { doStuff(); })
.error(function() { 
    $('#pageID').find('.ui-btn-active').removeClass('ui-btn-active ui-focus');
 })