I pulsanti di Twitter Bootstrap hanno un bel Loading...
stato disponibile.
Il fatto è che mostra solo un messaggio come Loading...
passato attraverso l' data-loading-text
attributo in questo modo:
<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>
Guardando Font Awesome, vedi che ora c'è un'icona a forma di spinner animato .
Ho provato a integrare l'icona di quel filatore quando sparavo Upload
un'operazione come questa:
$("#btnStartUploads").button('loading');
$("#btnStartUploads i").removeAttr('class');
$("#btnStartUploads i").addClass('icon-spinner icon-spin icon-large');
ma questo non ha avuto alcun effetto, cioè vedo solo il Uploading...
testo sul pulsante.
È possibile aggiungere un'icona quando il pulsante è nello stato Caricamento? Sembra che Bootstrap rimuova in qualche modo l'icona <i class="icon-upload icon-large"></i>
all'interno del pulsante mentre si trova nello stato Caricamento.
Ecco una semplice demo che mostra il comportamento che descrivo sopra. Come vedi quando entra nello stato Caricamento, l'icona scompare. Riappare subito dopo l'intervallo di tempo.