按鈕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); });

  拿來用即可，效果即現。

轉載于:https://www.cnblogs.com/pyspang/p/10064324.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的按钮交互loading ---- 转圈圈 加载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。