Тот же код виджета на странице

Question

Я создаю виджет, используя jQuery. Это виджет графика, который связывается с сервером (PHP) через ajax для обновления диаграммы.

Моя проблема в том, что мне нужно 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();

Эта страница содержит хорошее руководство по классам JavaScript.