Convert Code wiederverwendbares Objekt

Question

ich einen Code haben, ein Teil davon unten gezeigt, dass ich mehrmals aufrufen, ein Element auf der Seite zu ändern:

if ($('.el').length == 0) 
{ 
    $('<div class="el active">Good job!</div>').hide().appendTo('body').fadeIn(); 
} 
else 
{ 
    $('.el').fadeOut(function() 
    { 
     $('.el').html('Good job!').addClass('active').fadeIn(); 
    }); 
} 

Da ich nenne das gleiche Stück mehrmals Code (mit Nachrichten und verschiedene Klassen manchmal variiert), will ich es machen, so dass ich einfach so etwas wie tun:

$('.el').messager({ 
    message: 'Good job!', 
    class: 'active' 
}); 

Wie kann ich umwandeln, was ich habe in dem, was ich brauche?

Answer 1

Nachschlagen how to extend jquery. So etwas sollte den Trick tun (ich habe den Code nicht getestet):

$.fn.extend({ 
    messager:function(options){ 
    var self = this; 
    self.fadeOut(function(){ 
     self.html(options.message).addClass(options.class).fadeIn(); 
    }); 
    } 
}); 

nach der oben beschriebenen Methode ruft einmal nach jQuery auf Ihrer Seite geladen wird. Sie können Ihre Methode wie in rufen:

$('.el').messager({ 
    message: 'Good job!', 
    class: 'active' 
});