除了上面介紹的屬性聲明使用方法之外,按鈕插件還可以通過調用button函數,然后給button函數傳入具體的參數,實現不同的效果。而其中有兩個參數是固定不變的,即toggle和reset。其他的都可以隨意定義:
1、切換按鈕狀態(得到焦點):
$("#mybutton").button("toggle")
2、重新恢復按鈕:
$("#mybutton").button("reset")
如下代碼:
$(function() { $("#mybutton").click(function(){ $(this).button('loading').delay(1000).queue(function() { $(this).button('reset'); }); }); });
3、任意參數:
$("#mybutton").button("任意字符參數名")
上面代碼作用:替換 data-任意字符參數名-text 的屬性值為“按鈕上顯示的文本值”。如下代碼:
html:
<button type="button" data-toggle="button" class="btn btn-primary" id="mybutton" data-complete-text="Loading finished" >確認</button>
js代碼:
$(function() {
$("#mybutton").click(function(){
$(this).button('loading').delay(1000).queue(function() {
$(this).button('complete');
});
});
});
我來試試:練習一下本小節所講解的 3 個方法
本小節已經給出了全部代碼噢!
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報