TwitterBootstraps Knöpfe hab einen schönenLoading... Zustand zur Verfügung.

Die Sache ist, dass es nur eine Nachricht wie zeigtLoading... ging durch diedata-loading-text Attribut wie folgt:

<button type="button" class="btn btn-primary start" id="btnStartUploads"
        data-loading-text="@Localization.Uploading">
    <i class="icon-upload icon-large"></i>
    <span>@Localization.StartUpload</span>
</button>

Wenn Sie sich Font Awesome ansehen, sehen Sie, dass es jetzt eine gibtanimiertes Spinner-Symbol.

Ich habe versucht, dieses Spinner-Symbol beim Abfeuern eines zu integrierenUpload Betrieb wie folgt:

$("#btnStartUploads").button('loading');
$("#btnStartUploads i").removeAttr('class');
$("#btnStartUploads i").addClass('icon-spinner icon-spin icon-large');

aber das hatte überhaupt keine wirkung, das heißt ich sehe nur dieUploading... Text auf der Schaltfläche.

Ist es möglich, ein Symbol hinzuzufügen, wenn sich die Schaltfläche im Ladezustand befindet? Sieht so aus, als würde Bootstrap nur das Symbol entfernen<i class="icon-upload icon-large"></i> im Ladezustand innerhalb der Taste.

Hier ist eine einfacheDemo das zeigt das Verhalten, das ich oben beschreibe. Wie Sie sehen, verschwindet das Symbol nur, wenn es in den Ladezustand wechselt. Es erscheint direkt nach dem Zeitintervall.