Aggiunta di un'immagine/testo del caricatore in Bootstrap X-editable

Question

Come posso inserire un caricatore gif in X-editable mentre viene effettuata una richiesta di aggiornamento?

Questo è il mio codice:

$(document).ready(function() { 
    $('#username').editable(); 
}); 

<a href="#" id="username">superuser</a> 

$('#username').editable({ 
    type: 'text', 
    pk: 1, 
    url: '/post', 
    title: 'Enter username' 
}); 

Answer 1

X-modificabile viene fornito con un gif loader di default.

Solo assicurarsi che la gif loader è il seguente percorso:

/img/loading.gif 

Se si desidera fornire un percorso personalizzato al loader.gif,

modificare le seguenti righe nel file editable-form.css, line 42 :

.editableform-loading { 
    background: url('../img/loading.gif') center center no-repeat; 
    ...