通過按鈕可以設計狀態提示,當單擊按鈕時,會顯示loading狀態信息。例如,點擊“加載”按鈕,會觸發按鈕的加載的狀態。如下所示:
<button class="btnbtn-primary" data-loading-text="正在加載中,請稍等..." type="button" id="loaddingBtn">加載</button>
通過data-loading-text
屬性定義加載的文本信息,然后通過JavaScript給按鈕綁定一個事件,并給按鈕添加一個button("loading")方法來激活按鈕的加載狀態行為。如下所示:
$(function(){ $("#loaddingBtn").click(function () { $(this).button("loading"); }); });
運行效果如下:
點擊前:
點擊后:
注意,無法直接通過聲明式觸發此效果。
我來試試:為按鈕激活按鈕的加載狀態行為,使其單擊之后顯示“正在加載中,請稍等...”。
<script>
$(function(){
$("#loaddingBtn").click(function () {
$(this).button("loading");
});
});
</script>
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報