Question

我在按钮（Bootstrap v.3）中使用加载效果，效果很好。

<a href="#" class="btn  btn-primary" role="button" id="fat-btn" >Read</a>

和脚本

       $('#fat-btn').click(function () {
            var btn = $(this)
            btn.button('loading')
            setTimeout(function () {
                btn.button('reset')
            }, 9000)            
        });

这很好用！但它仅适用于我页面中的第一个按钮。我该怎么办，将此效果应用于更多按钮？我以为我可以键入类似的脚本，但使用不同的选择器。但这不方便，（如果我有20个按钮，我会输入20个不同的选择器??）

Answer 1

使用class selector代替id selector，并将相同的类分配给您可能已拥有的所有按钮。

$('.btn-primary').click(function () {
    var btn = $(this);
    btn.button('loading');
    setTimeout(function () {
       btn.button('reset');
    }, 9000);            
});

Answer 2

改为使用普通类

   $('.btn').click(function () {
        var btn = $(this)
        btn.button('loading')
        setTimeout(function () {
            btn.button('reset')
        }, 9000)            
    });

将效果应用于页面中的许多ID

2 个答案: