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

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