+ -
当前位置:首页 → 问答吧 → jquery不能绑定事件

jquery不能绑定事件

时间:2011-12-17

来源:互联网

JScript code
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);
    });
}


页面初始化调用这个函数,返程和下一张都能绑定上按钮单击事件,就取消只能绑定第一个表格,后面的绑定不了单击事件,求助

作者: calky   发布时间: 2011-12-17

把完整代码发出来

作者: rao3324180   发布时间: 2011-12-17

引用 1 楼 rao3324180 的回复:

把完整代码发出来


这个就是完整的、html你加个div id='Order_details'就行

作者: calky   发布时间: 2011-12-17

页面新用js增加html dom后,再运行一次解除/绑定的函数

作者: p2227   发布时间: 2011-12-17

引用 3 楼 p2227 的回复:

页面新用js增加html dom后,再运行一次解除/绑定的函数


您好,能详细点说吗?
我删除新增的table,是因为新增的问题而没绑定上事件吗?

作者: calky   发布时间: 2011-12-17