Bootstrap кнопка загрузки и Аякс

Question

Я пытаюсь сделать изменение состояния кнопки на мыши и вернуться к нормальной жизни на ответ сервера, вот мой код:

  $(document).ready(function() { 
    var options2 = { 
     success: processJson, // post-submit callback 
     dataType: 'json', 
     url: 'test.php?act=test' 
    }; 
    $('#formProfileInfo').ajaxForm(options2); 
    $('#save') 
    .click(function() { 
     var btn = $(this) 
     btn.button('loading') 
    }); 
function processJson(data) { 
      if(data.status === 'success') { 
       alert.success(data.message); 
} 
      if(data.status === 'error') { 
       alert.error(data.message); 
} 
$('#save') 
$(function() { 
      btn.button('reset') 
    }); 
} 
     }); 

Я использую jQuery Form Plugin для отправки формы с помощью Аякс.

Кнопка меняется на погрузочную стат, но это не сброс ..

Answer 1

Хорошо, что мне удалось заставить его работать с помощью:

$('#save').button('reset'); 

вместо:

$('#save') 
$(function() { 
      btn.button('reset') 
    }); 

Answer 2

не Можете ли вы поставить btn.button('reset') под функцией processJson, после предупреждения успеха?

Answer 3

Я вижу, что у вас есть селектор JQuery для «сохранить» и идентификатор после того, что у вас нет функции применяется над ней:

$('#save') 
$(function() { 
      btn.button('reset') 
    }); 
} 

Я не думаю, что вам нужно $('#save') или $(function(), чтобы сбросить кнопку