javascript - optimize .click( some function ) jquery code -


i have many function

//function 1 alert('error_1');  //function 2 alert('error_2'); 

and on

i need functions run , when click on buttons . example

$('.button_1').click(function() {       //function 1      alert('error_1');      //function 2      alert('error_2');      //and on ...  });  $('.button_2').click(function() {       //function 1      alert('error_1');      //function 2      alert('error_2');      //and on ...  });  $('.button_3').click(function() {       //function 1      alert('error_1');      //function 2      alert('error_2');      //and on ...  }); // , on 

but need optimize code , example

var function_1 = function() {alert('error_1');} var function_2 = function() {alert('error_2');} var function_3 = function() {alert('error_3');} // , on  $('.button_1').click( function_1 , function_2 , function_3) $('.button_2').click( function_1 , function_2 , function_3) $('.button_3').click( function_1 , function_2 , function_3) // , on 

but .click( function_1 , function_2 , function_3) doesn't work

so u guys suggest me ?

make function calls methods , bind it.

var function_1 = function() {alert('error_1');} var function_2 = function() {alert('error_2');} var function_3 = function() {alert('error_3');} // , on  $('.button_1, .button_2, .button_3').on("click", function() {      function_1();     function_2();     function_3(); }); 

and can simplify '.button_1, .button_2, .button_3' giving them common class.


Comments