使用jQuery实现Prototype样式的类结构

时间:2010-11-29 16:14:48

标签: javascript jquery ruby-on-rails prototypejs highcharts

我一直在使用Prototype定义类和子类的方式:

// 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');

我正在使用我的2.3.8 Rails应用程序并计划使用Highcharts(图表JS库)。我的问题是Highcharts依赖于jQuery(或MooTools)。

有没有办法将原型样式定义的类和子类修改为jQuery格式?或者我应该将现有的类更改为纯JavaScript吗?谢谢你的帮助!

1 个答案:

答案 0 :(得分:2)

您可以使用jQuery.noConflict()在同一页面上同时使用Prototype和jQuery。你只想使用一个吗?对大多数事情使用Prototype,因为你觉得它很舒服,jQuery用于需要它的插件...

// during loading
jQuery.noConflict();

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