首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery不能绑定事件,该如何处理

2013-09-05 
jquery不能绑定事件function tickettype(num){if(num1){$(#Order_details).html(table idtab_1 w

jquery不能绑定事件

function tickettype(num){
if(num==1){
$('#Order_details').html('<table id="tab_1" width="100%" border="0" cellspacing="0" cellpadding="0" class="order-table"><tr><td>登机者姓名:</td><td>出发日期:</td></tr><tr><td><input type="text" name="" id=""/></td><td><input type="text" name="DepartureDate" id="DepartureDate"/></td></tr><tr><td>起始地:</td><td>目的地:</td></tr><tr><td><input type="text" name="from" id="from"/></td><td><input type="text" name="to" id="to"/></td></tr><tr><td>机票类型:</td><td>舱位类型:</td></tr><tr><td><select id=""><option value="Adults">Adults</option><option value="Children">Children</option></select></td><td><select id=""><option value="economy">economy</option><option value="business">business</option><option value="allCabins">allCabins</option></select></td></tr><tr><td><input type="button" id="return" value="返程" /></td><td><input type="button" id="nexts" value="下一张" /></td><td><input type="button" id="cancel" value="取消" /></td></tr></table>');
}
num++;

$('#cancel').unbind();
$('#cancel').click(function(){
alert(111);
tickettype(num);
});

$('#return').unbind();
$('#return').click(function(){
$('table:last tr:eq(6) td:lt(2)').remove();
$('#Order_details').append('<table id="tab_'+num+'" width="100%" border="0" cellspacing="0" cellpadding="0" class="order-table"><tr><td>登机者姓名:</td><td>出发日期:</td></tr><tr><td><input type="text" name="" id=""/></td><td><input type="text" name="DepartureDate" id="DepartureDate"/></td></tr><tr><td>起始地:</td><td>目的地:</td></tr><tr><td><input type="text" name="from" id="from"/></td><td><input type="text" name="to" id="to"/></td></tr><tr><td>机票类型:</td><td>舱位类型:</td></tr><tr><td><select id=""><option value="Adults">Adults</option><option value="Children">Children</option></select></td><td><select id=""><option value="economy">economy</option><option value="business">business</option><option value="allCabins">allCabins</option></select></td></tr><tr><td></td><td><input type="button" id="nexts" value="下一张" /></td><td><input type="button" id="cancel" value="取消" /></td></tr></table>');


tickettype(num);
});

$('#nexts').unbind();
$('#nexts').click(function(){
$('table:last tr:eq(6) td:lt(2)').remove();
$('#Order_details').append('<table id="tab_'+num+'" width="100%" border="0" cellspacing="0" cellpadding="0" class="order-table"><tr><td>登机者姓名:</td><td>出发日期:</td></tr><tr><td><input type="text" name="" id=""/></td><td><input type="text" name="DepartureDate" id="DepartureDate"/></td></tr><tr><td>起始地:</td><td>目的地:</td></tr><tr><td><input type="text" name="from" id="from"/></td><td><input type="text" name="to" id="to"/></td></tr><tr><td>机票类型:</td><td>舱位类型:</td></tr><tr><td><select id=""><option value="Adults">Adults</option><option value="Children">Children</option></select></td><td><select id=""><option value="economy">economy</option><option value="business">business</option><option value="allCabins">allCabins</option></select></td></tr><tr><td><input type="button" id="return" value="返程" /></td><td><input type="button" id="nexts" value="下一张" /></td><td><input type="button" id="cancel" value="取消" /></td></tr></table>');
tickettype(num);
});
}



页面初始化调用这个函数,返程和下一张都能绑定上按钮单击事件,就取消只能绑定第一个表格,后面的绑定不了单击事件,求助
[解决办法]
用$.live去绑定就行了。
[解决办法]
$('#nexts').bind('click',function(){

热点排行