페이지의 동일한 위젯 코드

Question

jQuery를 사용하여 위젯을 만들고 있습니다. 그것은 아약스를 통해 서버 (PHP)와 통신하여 차트를 업데이트하는 차트 위젯입니다.

내 문제는 다른 위젯을 덮어 쓰지 않고 동일한 페이지에 위젯 2 개가 필요하다는 것입니다. 동일한 코드를 두 번 사용하지 않고 각 차트 컨트롤, 업데이트 버튼 등에 대해 별도의 이벤트를 정의하지 않고 자바 스크립트 코드를 캡슐화 할 수 있습니까?

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에는 자바 스크립트 클래스에 대한 유용한 자습서가 포함되어 있습니다. VAR 차트 = { 초기화 :