如何将上下文和参数从单击事件传递给外部函数

Question

如何从单击事件向外部函数传递上下文和五段音符

错误: TypeError: i.handler.apply不是函数

var myF = function(car){
alert('a click ' + car.model + ' ' + car.year);// alert the car that was passed in 
$(this).css({'border':'1px solid red'}); // make border red of the div that was clicked
};

var myCar = new Object();
myCar.make = "Ford";
myCar.model = "Mustang";
myCar.year = 1969;

var myCar2 = new Object();
myCar2.make = "VW";
myCar2.model = "golf";
myCar2.year = 2000;


$('.cross-browser').click(this,myCar,myF);
$('.lightweight-footprint').click(this,myCar2,myF);

Answer 1

使用以下命令：

$(document).on('click', '.cross-browser', function(){
     myF(this);
});

这允许事件委托，并适用于任何具有“跨浏览器”类的元素，甚至是那些动态创建的元素。

codepen中的示例：

http://codepen.io/agconti/pen/kauGd