jQuery 动态生成on的绑定事件

该段代码实现的是穿梭框：

    // on的绑定事件传参数
    var clickEven = [
    	{id:"#demo01",class:".class0",list:"#demo02"},
    	{id:"#demo02",class:".class0",list:"#demo01"},
    	{id:"#demo11",class:".class1",list:"#demo12"},
    	{id:"#demo12",class:".class1",list:"#demo11"},
    	{id:"#demo21",class:".class2",list:"#demo22"},
    	{id:"#demo22",class:".class2",list:"#demo21"},
    	{id:"#demo31",class:".class3",list:"#demo32"},
    	{id:"#demo32",class:".class3",list:"#demo31"}
    ];
    for(var  i = 0 ; i < clickEven.length ; i++){
    // 第三个参数{list:clickEven[i].list}，是往on的绑定事件内部传值，只用这样才能把上面数组的值传到方法内部，如果在内部直接用clickEven[i].list取值，是取不出来的！！！！
    	$(document).on("click",clickEven[i].id +" "+clickEven[i].class,{list:clickEven[i].list},function(even){
    		var str = $(this).prop("outerHTML");
    		$(even.data.list).append(str);//从这里取出第三个参数传进来的值
    		$(this).remove();
    	})
    }