亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

Bootstrap3.3.5官網文檔中 按鈕的加載狀態的代碼 與本節代碼不一樣,但官網的代碼 點擊按鈕無反應,是哪里出錯了?

官網代碼:

<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>

測試代碼:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>按鈕插件--按鈕加載狀態</title>

<link rel="stylesheet" >

<style>

? ? body{padding:10px;margin:10px;}

</style>

</head>

<body>

? ? <button type="button" id="myButton" data-loading-text="Loading..." class="btn btn-primary" autocomplete="off"> Loading state </button>?

? <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

? <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<script>?

? $(#myButton).on('click', function () { ? ??

? ? var $btn = $(this).button('loading') ? ? ? ?

? $btn.button('reset') ? })?

</script>

</body>

</html>


正在回答

1 回答

$(function(){
????//這里#myButton?要加引號
????$('#myButton').on('click',?function?()?{
????????//這里只能寫?loading??不能寫?loadding
????????var?$btn?=?$(this).button('loading');
????????//這里加一個定時是為了看效果,不然的話上面設成loading然后下面代碼會立刻執行,所以就看不到變化
????????setTimeout(function(){
????????????$btn.button('reset');
????????},2000);
????})
})


0 回復 有任何疑惑可以回復我~
#1

我必win 提問者

非常感謝!
2016-01-09 回復 有任何疑惑可以回復我~
#2

陳小曉

請問點擊按鈕文字變成加載中后,怎么是鼠標禁用? $(function(){ $("#myButton").on('click',function(){ var $btn = $(this).button('loading'); $(this).css('cursor','not-allowed'); setTimeout(function(){ $btn.button('reset'); $(this).css('cursor','default'); },2000); }); });
2016-08-23 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

Bootstrap3.3.5官網文檔中 按鈕的加載狀態的代碼 與本節代碼不一樣,但官網的代碼 點擊按鈕無反應,是哪里出錯了?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號