页面上的相同小部件代码

Question

我正在使用jQuery创建一个小部件。它是一个图表小部件，它通过ajax与服务器（PHP）通信以更新图表。

我的问题是我在同一页面上需要2个这个小部件而没有一个覆盖另一个。 如何在不使用相同代码两次的情况下封装javascript代码，而无需为每个图表控件，更新按钮等定义单独的事件？

Answer 1

如果将您的功能封装到一个类中，然后将该类实例化为两个不同的变量，那么您应该拥有所需的所有分离。

var chart_one = new myChart(x,y,z);
var chart_two = new myChart(a,b,c);

chart_one.display();
chart_two.display();

This page包含一个关于javascript类的好教程。