bootstrap改變按鈕加載狀態(tài)
bootstrap里面有個(gè)激活按鈕的時(shí)候,按鈕變成不可用的;
按照官網(wǎng)里面的方法介紹是在button按鈕加個(gè) data-loading-text="Loading..." 屬性,然后js總體代碼是這樣:
<button type="button" id="myButton" data-loading-text="Loading..." class="btn btn-primary" autocomplete="off">
Loading state
</button>
<script>
$('#myButton').on('click', function () {
var $btn = $(this).button('loading')
// business logic...
$btn.button('reset')
})
</script>
其中autocomplete="off"屬性是針對FF瀏覽器在頁面加載之后,禁用狀態(tài)不會(huì)自動(dòng)解除用的。
我在直接用上面代碼的時(shí)候,發(fā)現(xiàn)loading狀態(tài)是沒有的。
然后我自己改了一下,寫成這樣,就OK了
<script>
//用于微笑話登陸按鈕以及審稿按鈕改變按鈕加載狀態(tài)
function loag() {
var btn = $("#btn_login");
btn.button('loading');
setTimeout(function () { btn.button('reset'); },2000);
}
</script>
<button type="button" class="btn btn-default" data-loading-text="Loading..." autocomplete="off" onclick="loag()" id="btn_login">登陸</button>
稍作就改就可以實(shí)現(xiàn)我們的要求了,不知道官方這塊是不是沒有測試就放上來了,這里把解決方案推薦給小伙伴。
- 詳解Bootstrap按鈕
- 全面解析Bootstrap表單使用方法(表單按鈕)
- Bootstrap復(fù)選框和單選按鈕美化插件(推薦)
- JS組件Bootstrap實(shí)現(xiàn)彈出框和提示框效果代碼
- angularJS與bootstrap結(jié)合實(shí)現(xiàn)動(dòng)態(tài)加載彈出提示內(nèi)容
- Bootstrap每天必學(xué)之工具提示(Tooltip)插件
- BootStrap tooltip提示框使用小結(jié)
- BootStrap的alert提示框的關(guān)閉后再顯示怎么解決
- Bootstrap實(shí)現(xiàn)提示框和彈出框效果
- bootstrap confirmation按鈕提示組件使用詳解
相關(guān)文章
JavaScript高級程序設(shè)計(jì) 客戶端存儲學(xué)習(xí)筆記
JavaScript高級程序設(shè)計(jì) 客戶端存儲學(xué)習(xí)筆記,在客戶端用于存儲會(huì)話信息2011-09-09JavaScript數(shù)據(jù)結(jié)構(gòu)之鏈表各種操作詳解
數(shù)據(jù)結(jié)構(gòu)是一種有效處理大量數(shù)據(jù)的手段,了解它的結(jié)構(gòu)和組成為我們提供了更有效的工具來設(shè)計(jì)與某些問題相關(guān)的產(chǎn)品。這次我們將進(jìn)行鏈表介紹,回顧它的特點(diǎn)和用途2022-10-10javascript不同頁面?zhèn)髦档母倪M(jìn)版
改進(jìn)點(diǎn):支持同頁面有多個(gè)文本框,可自動(dòng)向不同的文本框傳值。先看演示吧2008-09-09淺談js使用in和hasOwnProperty獲取對象屬性的區(qū)別
下面小編就為大家?guī)硪黄獪\談js使用in和hasOwnProperty獲取對象屬性的區(qū)別。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04如何實(shí)現(xiàn)textarea里的不同文本顯示不同顏色
如何實(shí)現(xiàn)textarea里的不同文本顯示不同顏色呢?控制textarea的style設(shè)置Textarea以及把文本放到標(biāo)記里都不會(huì)起作用,下面有個(gè)不錯(cuò)的解決方法,感興趣的朋友可以了解下2014-01-01詳解webpack中的hash、chunkhash、contenthash區(qū)別
這篇文章主要介紹了詳解webpack中的hash、chunkhash、contenthash區(qū)別,詳細(xì)的介紹了hash、chunkhash、contenthash的用法和區(qū)別,有興趣的可以了解一下2018-01-01利用百度地圖JSAPI生成h7n9禽流感分布圖實(shí)現(xiàn)代碼
本文將詳細(xì)介紹下如何使用百度地圖JSAPI生成的H7N9感染分布圖,有對百度api感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04深入解析JavaScript中函數(shù)的Currying柯里化
這篇文章主要介紹了JavaScript中函數(shù)的Currying柯里化,Currying 的重要意義在于可以把函數(shù)完全變成"接受一個(gè)參數(shù)、返回一個(gè)值"的固定形式,需要的朋友可以參考下2016-03-03