jquery - div - toggle class javascript

¿Cómo agregar una función de devolución de llamada al método addClass de jQuery?

Question

Estoy usando Prettify de Google y Markdown y quiero que cada vez que encuentre un código pre agregado en el área de textarea markdown llame nuevamente a la función prettyPrint() .

Este es mi código real:

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

Pero quiero algo como:

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

¿Hay alguna forma posible de lograr esto?

Answer 1

La función addClass jQuery no tiene devolución de llamada en los argumentos.

Lea más sobre esto en la documentation .

Creo que esto podría funcionar para usted:

// prettyprint class is added
$(this).find("pre").not(''.prettyprint'').addClass("prettyprint");
// after prettyprint class is added, prettyPrint function is called
prettyPrint();

Answer 2

Podrías extender el método .addClass() para permitirle aceptar una función de devolución de llamada:

;(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);

Entonces úsalo como de costumbre:

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

Answer 3

Por lo que yo entiendo, necesitas esto:

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