jquery移動按鈕不會彈出

Question

我正在使用jquery mobile 1.3.2，每當我按下按鈕，按鈕顯示被按下的樣式，但它不會再次回來。

HTML：

<form id="login_form"> 
<input type="text" name="username"> 
<input type="password" name="password"> 
<button type="submit" data-theme="b" data-role="submit">Login</button> 
</form> 

的Javascript：

$("#login_form").submit(function() 
{ 
    $.mobile.allowCrossDomainPages = true; 
    var options = { 
     url:API_SERVER_URL+"/login", 
     type: "post", 
     success: function(data) 
     { 
      if (data.success) 
      { 

       $.mobile.changePage('success.html', {transition: "slide"}); 
      }else 
      { 
       alert("failed:("); 
      } 
     }, 
     error: function() 
     { 
      alert('cannot connect'); 
     } 
    }; 
    options = $.extend(DEFAULT_AJAX_OPTIONS, options); 
    $(this).ajaxSubmit(options); 
    return false; 
}); 

Answer 1

刪除ui-btn-active提交表單時。

$("#login_form").on("submit", function() { 
    $("[type=submit]").closest('div').removeClass("ui-btn-active"); 
}); 

Demo