Question

我需要创建一个通用函数，我可以将其应用于我的所有按钮，通过在单击时向按钮添加类来将加载器图像添加到按钮中，并在按钮触发返回的任何函数后隐藏图像。

我怎么能用jQuery做到这一点？

这是我到目前为止的代码。

var B ={

    addSpinner: function () {
        $(this).click(function(){
            $(this).addClass('.spinner');
        });
    }
};

我是否正确使用this来选择点击的按钮？一旦按钮触发的函数返回，有另一个函数来删除类是不错的做法，还是在addSpinner函数中更好？我该如何收听该事件？

由于

Answer 1

尝试将其设为插件

(function ( $ ) {
    $.fn.classToggler = function(cssClass) {
        $(this).click(function(){
            $(this).toggleClass(cssClass);
        });
        return this;
    };
}( jQuery ));

现在使用它

$("#myButton").classToggler("spinner").click(function(){
    //do other stuff
});

演示：http://jsbin.com/makoxibogeje/1/edit

Javascript泛型函数将加载器添加到按钮

1 个答案: