怎么从“确定”到“loading”再到“finished”,最后reset一下初始的“确定”

来源:4-10 按钮插件--JavaScript用法

程程的爹妈

2015-11-20 16:24

怎么从“确定”到“loading”再到“finished”,最后reset一下初始的“确定”

写回答 关注

3回答

  • 西风潇潇
    2016-06-11 22:31:22
    已采纳
    $(function(){
        $("#mybutton").click(function(){
            $(this).button("loading").delay(1000).queue(function(){
                $(this).button("complete").delay(500).queue(function(){
                    $(this).button("reset");
                    $(this).dequeue(); 
                });
                  $(this).dequeue(); 
            })
        })
    })


    程程的爹妈

    谢谢!我提问的意思是如何实现button的循环使用。 另外,$(this).button("complete")和data-complete-text="finished"是如何对应的?有没有和reset对应显示的呢?还有,你给的是自动复原按钮,如何显示reset之后,按reset键再让按钮复原呢?

    2016-07-20 10:18:16

    共 2 条回复 >

  • qq_木头人春天_0
    2016-05-03 20:27:10

    替换 data-任意字符参数名-text 的属性值为“按钮上显示的文本值”,这句  你们看的时候没注意理解

    $(function() {
          $("#mybutton").click(function(){
             $(this).button('loading').delay(1000).queue(function() {
                $(this).button('complete');
             });         
          });
     });

    $(this).button('loading')  也就是$("#mybutton").button("loading"),this指的是ID为#mybutton按钮。也就是data-loading-text="Loading..."中的属性值Loading...放到按钮上显示,

    !!!!!!!!注意button('loading')loading 和data后面的loading一样    下面complete也是要一样!!!

    延时1000ms继续执行$(this).button('complete') 也就是data-complete-text="Loading finished"中的属性值Loading finished放到按钮上显示

  • 李晓健
    2015-11-20 20:45:49

    开始是确定  点击时 $(this).button('loading')  开始作操作,比喻发一个请求,请求回来 $(this).button('finished'),再作其他的操作,然后$(this).button('确定')   如果是发请求再改变了函数的上下文,注意this的指向

玩转Bootstrap(JS插件篇)

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

128652 学习 · 296 问题

查看课程

相似问题