按鈕loading狀態自定義選項(功能):
可以在元素上添加 data-am-loading
來設置選項:
spinner
加載動畫圖標,適用於支持 CSS3 動畫、非input
元素,寫圖標名稱即可;loadingText
加載時顯示的文字, 默認為loading
;resetText
重置以后的顯示的文字,默認為原來的內容<button type="button" class="am-btn am-btn-primary btn-loading-example" data-am-loading="{spinner: 'circle-o-notch', loadingText: '加載中...', resetText: '加載過了'}">按鈕 - button 元素</button> <input type="button" class="am-btn am-btn-secondary btn-loading-example" value="按鈕 - input 元素" data-am-loading="{loadingText: '努力加載中...'}" /> $('.btn-loading-example').click(function () { var $btn = $(this) $btn.button('loading'); setTimeout(function(){ $btn.button('reset'); }, 5000); });
拿來用即可,效果即現。