【jquery】.on()を使用して関数に引数を渡す方法

jquery1.7から追加された「on」を使用して関数に引数を渡す方法を試してみます。

.on( events [, selector ] [, data ], handler(eventObject) )

http://api.jquery.com/on/

関数を指定する場合

$("#test").on("click", {msg :"クリック"}, testFunction);

function testFunction (event) {
alert(event.data.msg);
}

押してみる

引数で指定するデータは配列（Map形式）でないとだめっぽいです。

無名関数を指定する場合

var test = "クリック";
$("#test").on("click", function(){
alert(test);
});

押してみる

引数で渡しているわけではないけど、これでも参照できますね。