Bootstrap3.3.5官網(wǎng)文檔中 按鈕的加載狀態(tài)的代碼 與本節(jié)代碼不一樣，但官網(wǎng)的代碼 點擊按鈕無反應，是哪里出錯了？
官網(wǎng)代碼：
<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>按鈕插件--按鈕加載狀態(tài)</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>
2016-01-09
$(function(){ ????//這里#myButton?要加引號 ????$('#myButton').on('click',?function?()?{ ????????//這里只能寫?loading??不能寫?loadding ????????var?$btn?=?$(this).button('loading'); ????????//這里加一個定時是為了看效果,不然的話上面設成loading然后下面代碼會立刻執(zhí)行,所以就看不到變化 ????????setTimeout(function(){ ????????????$btn.button('reset'); ????????},2000); ????}) })