Jquery - 禁用按鈕onsubmit並且還改變按鈕名稱

Question

我禁用單擊按鈕時使用Ajax的網頁，並且還改變按鈕名稱。我現在正在將我的網站轉換爲一個應用程序，但似乎相同的代碼不適用於jquery mobile。

$(document).ready(function(){ 
    $("form").on('submit',function(event){ 
     event.preventDefault(); 

     // Disable submit button on this specific form 
     $('.btn-style1', this).val('Inserted').prop('disabled', true); 

     data = $(this).serialize(); 

     $.ajax({ 
     type: "POST", 
     url: "new_user.asp", 
     data: data 
     }).success(function() { 



      $("input[type=text]").val(""); 

     }); 
    }); 
}); 

有幫助嗎？

Answer 1

試試這個：

$(this).find('.btn-style1').val('Inserted').prop('disabled', true); 

嘗試文本，而不是VAL如果文本沒有改變

UPDATE

http://jsfiddle.net/ua0dqo7k/1/

$("#change").click(function(){ 
    $("#test1").text("asdads"); 
    $("#test2").val("asdads"); 
    $("#test3").val("asdads"); 
});