Primordial fonctions jQuery - meilleures pratiques

Mon application web à l'aide d'un certain nombre de plugins JQuery comme les tables de données, et c'est de la Ligne correspondante de Réorganisation et de Tri des plugins.

Le problème est que nous avons besoin d'ajouter quelques corrections pour tenir compte de gênant IE8 incohérences.

Ainsi, par exemple, dans l'un des plugins _mouseDrag() la méthode que nous avons besoin d'ajouter un peu de la logique supplémentaire au début. Est-il un moyen de remplacer cette fonction sans modifier le code source du plugin?

Dans un langage OO vous pouvez généralement ignorer une méthode de classe, ajouter un peu de logique et ensuite appeler le super() méthode pour éviter de modifier une API du code source.

Donc, je me demande comment nous pouvons mieux soutenir ceci en JavaScript sans modification de la bibliothèque elle-même.

Grâce

Mis À Jour Question

Basé sur l'exemple ci-dessous, comment dois-je remplacer mon _mouseDrag fonction qui existe comme suit dans la 3ème partie de la bibliothèque:

(function( $, undefined ) {

$.widget("ui.sortable", $.ui.mouse, {

_mouseDrag: function (event){

...

}

Comment puis-je remplacer ce exactement?

OriginalL'auteur DJ180 | 2012-09-19

  1. 8

    Essayez ceci (voir Démo: http://jsfiddle.net/2rZN7/):

    (function ($) {
  var oldPluginFunction =  $.fn.pluginFunction;

  $.fn.pluginFunction = function () {
    //your code
    return oldPluginFunction.call(this);
  };
})(jQuery);

    De Démo:

    HTML:

    <span id="text1">text1</span>
<span id="text2">text2</span>

    JavaScript:

    //define and use plugin

$.fn.pluginFunction = function (color) {
  return this.each(function () {
    $(this).css('color', color);
  });
};

$('#text1').pluginFunction('red');

//redefine and use plugin

(function ($) {
  var oldPluginFunction =  $.fn.pluginFunction;

  $.fn.pluginFunction = function () {
    $(this).css('font-size', 24)
    return oldPluginFunction.apply(this, arguments);
  };
})(jQuery);

$('#text2').pluginFunction('red');
    Auriez-vous l'esprit expliquant la fonction ($) et le (jquery), à la fin? Merci!
    Recherchez "IIFE" (Immédiatement Invoquées par l'Expression de Fonction)
    Je vois. Cela sonne exactement ce que je cherche. Va l'essayer en premier. Merci
    cc Speransky): Vous pourriez passer des arguments à la fonction reçoit à l'ancienne fonction, en changeant .call(this) à .apply(this, arguments).
    Voir ma mise à jour de la question ci-dessus, basé sur votre extrait de code

    OriginalL'auteur Danil Speransky

  2. 1

    Vous pouvez remplacer les plugins par la méthode de prototype dans un fichier distinct, sans modifier le fichier source d'origine comme ci-dessous::

    (function ($) {
    $.ui.draggable.prototype._mouseDrag = function(event, noPropagation) {

         //Your Code
    },

    $.ui.resizable.prototype._mouseDrag = function(event) {
            //Your code
    }   
}(jQuery));

    Maintenant, mettez votre logique ici ou code d'origine avec votre nouvelle idée qui est nécessaire pour votre projet.

    OriginalL'auteur Lalit Kumar