jquery - 如何给jQuery的addClass方法添加回调函数？

Question

我正在使用来自 Google 的 Pretify 和 Markdown，并且我希望每次在 Markdown textarea 中添加 pre 代码时都再次调用 prettyPrint( ) 函数。

这是我的实际代码:

if($('#wmd-preview').length > 0) {
  $('#wmd-preview').on('DOMNodeInserted DOMNodeRemoved',function(){
    $(this).find("pre").not('.prettyprint').addClass("prettyprint");
  });
}

但我想要这样的东西:

$(this).find("pre").not('.prettyprint').addClass("prettyprint",function(){
  prettyPrint();
});

有什么可能的方法来实现这一点吗？

Answer 1

您可以扩展 .addClass() jquery 的方法以使其接受回调函数:

;(function ($) {
    var oAddClass = $.fn.addClass;
    $.fn.addClass = function () {
        for (var i in arguments) {
            var arg = arguments[i];
            if ( !! (arg && arg.constructor && arg.call && arg.apply)) {
                setTimeout(arg.bind(this));
                delete arguments[i];
            }
        }
        return oAddClass.apply(this, arguments);
    }

})(jQuery);

然后照常使用它:

 $('pre:not(.prettyprint)').addClass('prettyprint',prettyPrint);