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之后事件失效!

posted @ 2016-09-18 10:46  guodaxia  阅读(158)  评论(0编辑  收藏  举报