jquery的onclick事件改改变了控件name等就是修改后的click事件无效
function sanchu(){ $("[name='sanchu']").click(function(){ var flag=window.confirm("确定要删除吗?"); if(!flag){ return false; } var tr=$(this).parents("tr"); var statu=tr.children("td:eq(2)").text(); if(statu=="使用中" ||statu=="已预订"){ alert("桌子正在使用中或者已被预订,无法删除!"); return false; } var id=tr.children("td:eq(0)").text(); $.get( "<c:url value='/DeskServlet'/>", {action:"delete",id:id}, function(){ tr.remove(); }); }); } function tuizuo(){ $("[name='tuizuo']").live("click",function(){ var tr=$(this).parents("tr"); var statu=tr.children("td:eq(2)").text(); if(statu=="使用中"){ alert("桌子正在使用中,无法执行退桌操作!"); return false; } var id=tr.children("td:eq(0)").text(); $.get( "<c:url value='/DeskServlet'/>", {action:"tuizuo",id:id}, function(){ tr.children("td:eq(2)").text("空闲"); tr.children("td:eq(3)").text(""); tr.children("td:eq(4)").children("a:eq(0)").attr("name","yuding").text("预订"); }); }); } function yuding(){ $("[name='yuding']").live("click",function(){ var tr=$(this).parents("tr"); var id=tr.children("td:eq(0)").text(); $.get( "<c:url value='/DeskServlet'/>", {action:"yuding",id:id}, function(result){ tr.children("td:eq(2)").text("已预订"); tr.children("td:eq(3)").text(result); tr.children("td:eq(4)").children("a:eq(0)").attr("name","tuizuo").text("退桌"); }); }); } $(function(){ sanchu(); yuding(); tuizuo(); });
这里使用live事件而不是click事件,否则click之后事件失效!