我正在尝试让这个例子在我的网站上运行:
http://getbootstrap.com/2.3.2/javascript.html#buttons
但是,只需包含此HTML:
<button type="button" class="btn btn-primary" data-loading-text="Loading...">Loading state</button>
不起作用。我正在运行jQuery 1.7.x,并且已经加载了Bootstrap JS文件。
具体地说:我希望按钮移动到“加载”文本更改稍有延迟,然后返回到常规文本。在我的Googling中似乎没有一个好的在线例子(大多数人要求永久的状态改变或切换),Bootstrap站点本身在这里也缺乏文档。
发布于 2012-08-25 08:33:17
在文档页面中,加载了一个名为application.js的文件。http://twitter.github.com/bootstrap/assets/js/application.js
// button state demo
$('#fat-btn')
.click(function () {
var btn = $(this)
btn.button('loading')
setTimeout(function () {
btn.button('reset')
}, 3000)
});
发布于 2013-06-19 18:33:04
或者只是添加这个,这样它就会获得Twitter Bootstrap属性。
$('button[data-loading-text]').click(function () {
$(this).button('loading');
});
发布于 2012-11-20 08:45:13
在运行button('loading')之前,请注意accepted是如何将jQuery按钮对象转换为js变量的,因为,虽然此方法有效,但直接在jQuery button对象上使用时,button('loading')将不起作用。
https://stackoverflow.com/questions/12118202
复制相似问题