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