首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery / Twitter Bootstrap数据加载-带延迟的文本按钮

jQuery / Twitter Bootstrap数据加载-带延迟的文本按钮
EN

Stack Overflow用户
提问于 2012-08-25 08:26:24
回答 7查看 76.2K关注 0票数 59

我正在尝试让这个例子在我的网站上运行:

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站点本身在这里也缺乏文档。

EN

回答 7

Stack Overflow用户

回答已采纳

发布于 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)
    });
票数 103
EN

Stack Overflow用户

发布于 2013-06-19 18:33:04

或者只是添加这个,这样它就会获得Twitter Bootstrap属性。

$('button[data-loading-text]').click(function () {
    $(this).button('loading');
});
票数 21
EN

Stack Overflow用户

发布于 2012-11-20 08:45:13

在运行button('loading')之前,请注意accepted是如何将jQuery按钮对象转换为js变量的,因为,虽然此方法有效,但直接在jQuery button对象上使用时,button('loading')将不起作用。

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12118202

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档