除了上面介紹的屬性聲明使用方法之外,按鈕插件還可以通過調(diào)用button函數(shù),然后給button函數(shù)傳入具體的參數(shù),實現(xiàn)不同的效果。而其中有兩個參數(shù)是固定不變的,即toggle和reset。其他的都可以隨意定義:
1、切換按鈕狀態(tài)(得到焦點):
$("#mybutton").button("toggle")
2、重新恢復(fù)按鈕:
$("#mybutton").button("reset")
如下代碼:
$(function() { $("#mybutton").click(function(){ $(this).button('loading').delay(1000).queue(function() { $(this).button('reset'); }); }); });
3、任意參數(shù):
$("#mybutton").button("任意字符參數(shù)名")
上面代碼作用:替換 data-任意字符參數(shù)名-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');
});
});
});
我來試試:練習(xí)一下本小節(jié)所講解的 3 個方法
本小節(jié)已經(jīng)給出了全部代碼噢!
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報