JQuery 动态调用函数 动态传递参数

//方法一
$('#foo').click(function(event) {
　　alert('User clicked on "foo."');
}); 
 
//方法二, 支持动态传参
$('#foo').bind('click', {test1:"abc", test2:"123"}, function(event) {
　　alert('User clicked on "foo."' + event.data.test1 + event.data.test2);
});

 

下面是具体应用

$(document).ready( function()
            {
                gotoPage(1,3);
                var len = $("nav ul li").length;
                
                for( var i = 1 ; i < len-1 ; i++ )
                {
                
                    $('nav ul li').eq(i).bind('click', {startPage:i, pageSize:"3"}, function(event) 
                    {
                        console.log(event.data.startPage);
                        gotoPage(event.data.startPage,event.data.pageSize);
                    　　//alert('User clicked on "foo."' + event.data.test1 + event.data.test2);
                    });
                }
            });