Wie setze ich den Titel der Bootstrap-Lade-Taste?

Question

Ich habe den folgenden Code:

  var submit_button = $(t.find(":submit")); 
      submit_button.button("loading"); 

ich den Titel der Schaltfläche will „Bitte warten ...“ zu sein, aber wie kann ich das erreichen? Wenn ich vor dem obigen Aufruf "text" oder "html" setze, wird der Titel auf "loading" zurückgesetzt.

Dies war die Lösung - wie unten durch Nimish Gupta zur Verfügung gestellt:

var submit_button = $(t.find(":submit")); 
submit_button.attr('data-loading-text', "Please wait..."); 
submit_button.button("loading"); 

Answer 1

Sie data-loading-text="Loading..." auf Ihre Submit-Button zusammen mit js Code

$("form").on("submit", function(){ 
    $(this).find(':submit').button("loading..."); 
}) 

Answer 2

Sie können einfache Nutzung Taste Bootstrap Ladda.

HTML:

<a href="#" id="form-submit" class="btn btn-primary btn-lg ladda-button" data-style="expand-right" data-size="l"><span class="ladda-label">Submit</span></a> 

$(document).ready(function(){ 
Ladda.bind('input[type=submit]'); 
}); 

$(function() { 
    $('#form-submit').click(function(e){ 
     e.preventDefault(); 
     var l = Ladda.create(this); 
     l.start(); 
     $.post("your-url", 
      { data : data }, 
      function(response){ 
      console.log(response); 
      }, "json") 
     .always(function() { l.stop(); }); 
     return false; 
    }); 
}); 

Es wird einen Lade neben Ihrer Taste zeigen.

Mehr unter: https://msurguy.github.io/ladda-bootstrap/