Mise en œuvre la structure de classe prototype de style avec jQuery

Question

Je l'ai utilisé beaucoup de chemin Prototype de la définition des classes et sous-classes:

// properties are directly passed to `create` method
var Person = Class.create({
  initialize: function(name) {
    this.name = name;
  },
  say: function(message) {
    return this.name + ': ' + message;
  }
});

// when subclassing, specify the class you want to inherit from
var Pirate = Class.create(Person, {
  // redefine the speak method
  say: function($super, message) {
    return $super(message) + ', yarr!';
  }
});

var john = new Pirate('Long John');
john.say('ahoy matey');

Je travaille avec mon 2.3.8 Rails application et de la planification à l'utilisation Highcharts (JS) bibliothèque de représentation graphique. Mon problème est que Highcharts dépend de jQuery (ou MooTools).

Est-il possible de modifier le style prototype classes et sous-classes définies au format jQuery? Ou devrais-je changer mes classes existantes en JavaScript plaine? Merci pour votre aide!

Answer 1

Vous pouvez utiliser ensemble à la fois Prototype et jQuery sur la même page en utilisant jQuery.noConflict (). Y at-il une raison que vous voulez utiliser un seul? Utilisez Prototype pour la plupart des choses puisque vous semblez à l'aise avec et jQuery pour les plug-ins qui en ont besoin ...

// during loading
jQuery.noConflict();

// later when you want to manipulate things
jQuery('div.hideme').hide(); // jQuery
$('#somethingElse').hide();  // Prototype