2014-02-17 27 views
1

當我點擊一個按鈕「Click Me」時,它變成「Loading」,並在加載後變成「Loading Complete」。如何在自舉方法上打印自定義消息

如何將「正在載入」文本更改爲「正在保存」和「正在載入完成」以「已成功保存」?

您可以查看我從this鏈接

<script type="text/javascript"> 
$("#myButton").click(function(){ 
    $(this).button('loading').delay(1000).queue(function() { 
     $(this).button('complete'); 
     $(this).dequeue(); 
    });   
}); 
}); 
</script> 

<div class="bs-example"> 
    <button type="button" class="btn btn-info" 
    id="myButton" data-complete-text="Loading Completed" 
    autocomplete="off">Click Me</button> 
</div> 

回答

2

要在代碼的底部,你有以下:

<button type="button" class="btn btn-info" id="myButton" data-complete-text="Loading Completed" autocomplete="off">Click Me</button> 

有一個名爲data-complete-text="Loading Completed" 這裏財產您可以在加載按鈕時更改文本。

在加載時添加文本。添加以下屬性:

data-loading-text="loading-text.." 

產品看起來是這樣的:

<button type="button" class="btn btn-info" id="myButton" data-loading-text="YOUR LOADING TEXT" data-complete-text="YOUR LOADED TEXT" autocomplete="off">Click Me</button>