$.linkup.jsはmvcフレームワークなどで採用されている、eventと関数とのひも付け部分のみの機能です。
backbone.jsのviewを参考に少し拡張されたフォーマットを採用しています(互換性はありません)
javascriptのイベントはバブリングでイベントを張ります。
関数から this はオブジェクト内の 親DOMに当たる el になります。
<script type="text/javascript" src="$.linkup.js"></script>
scriptタグから読み込ませて準備完了
<script>
$.linkup({
el: 'elementDOM', // イベントを張る親DOMを指定(bubbling)
task: [
{
selector: 'DOM', // 対象DOM
event: 'eventName', // イベント名
handler: functionName // 関数名
},
// 複数指定することができます
{
selector: 'DOM',
event: 'eventName',
handler: functionName
}
]
});
</script>
$.linkup関数にobjectを引数として渡す。