jquery 动态事件

简介：这是jquery 动态事件的详细页面，介绍了和php,有关的知识、技巧、经验，和一些php源码等。

class='pingjiaF' frameborder='0' src='http://biancheng.dnbcw.info/pingjia.php?id=322420' scrolling='no'>

$(document).ready(function(){
    $("img").livequery("click",function(){
        jQuery.livequery.registerPlugin("after", "append", "attr","addClass","removeClass");
        var lx = $(this).attr("id");//获取当前ID

        var lx_arr = lx.split("_");//解析ID        

        if(lx_arr[0] == "add"){//判断为加号

            //alert($("#"+all_id_name).attr("id"));

            var lx_num = lx_arr[2];//获取编号

            var pd_tab = lx_num.split("-");//判断菜单编号

            if(pd_tab.length == 1){
                var tab = "tab";//当前table ID

                var tabid = tab+"_"+lx_arr[2];
                var num = 3;
            }
            else{
                var tab = "tab_"+lx_num.substring(0,lx_num.length-2);//当前table ID

                var tabid = "tab"+"_"+lx_arr[2];
                var num = 4;
            }
            var tr = "tr_"+lx_num;//获取当前TR的ID

            var menu_id = "#"+tab+" #"+tr;//整理当前行的位置

            var all_id_name = "all_"+lx_arr[1]+"_"+lx_num;//设计插入行的ID

            if(typeof($("#"+all_id_name).attr("id")) != "undefined"){
                return;
            }
            //alert(all_id_name);

            $(menu_id).after("<tr id=\""+all_id_name+"\"'><td colspan=\""+num+"\"></td></tr>");//将一行插入到ID的下面

            var i=0
            var content ="";
            var tablestart = "<table id=\""+tabid+"\" width=\"100%\" border=\"1\"><tr><td>Parent Name</td><td>Sub Menu<input name=\"num_"+tabid+"\" type=\"hidden\" value=\"5\" id=\"num_"+tabid+"\" /></td><td>Type</td><td>Operation</td></tr>";
            var tableend = "<tr id=\"zh_"+tabid+"\"><td colspan=\"4\"><img id=\"more_"+tabid+"\" name=\"more_"+tabid+"\" src=\"image/more1.gif\" width=\"80\" height=\"20\" /></td></tr></table>";
            for (i=1;i<=5;i++){
                var trid = "tr_"+lx_arr[2]+"-"+i;
                var parentid = "parent_"+lx_arr[2]+"-"+i;
                var menuid = "menu_"+lx_arr[2]+"-"+i;
                var selectid = "select_"+lx_arr[2]+"-"+i;
                var addid = "add_menu_"+lx_arr[2]+"-"+i;
                var minusid = "minus_menu_"+lx_arr[2]+"-"+i;
                content = content+"<tr id=\""+trid+"\"><td><img src=\"image/show.png\" name=\"show_menu_"+lx_arr[2]+"-"+i+"\" width=\"22\" height=\"22\" id=\"show_menu_"+lx_arr[2]+"-"+i+"\" class=\"show_down\" /><img src=\"image/hadd.png\" name=\"hadd_menu_"+lx_arr[2]+"-"+i+"\" width=\"22\" height=\"22\" id=\"hadd_menu_"+lx_arr[2]+"-"+i+"\"/><input name=\""+parentid+"\" type=\"text\" id=\""+parentid+"\" readonly=\"readonly\" /></td><td><input type=\"text\" name=\""+menuid+"\" id=\""+menuid+"\" /></td><td><select name=\""+selectid+"\" id=\""+selectid+"\"><option value=\"1\">Test</option><option value=\"2\">Table</option><option value=\"3\">URL</option></select></td><td><img src=\"image/plus.png\" name=\""+addid+"\" width=\"22\" height=\"22\" id=\""+addid+"\" border=\"0\" /><img src=\"image/private.png\" name=\""+minusid+"\" width=\"22\" height=\"22\" id=\""+minusid+"\" border=\"0\" /></td></tr>";
            }
            var table = tablestart+content+tableend;
            $("#"+all_id_name+" td").append(table);
        }//结束判断加号

        if(lx_arr[0] == "show"){
            var all_id_name = "all_"+lx_arr[1]+"_"+lx_arr[2];//设计插入行的ID

            $("#"+all_id_name).removeClass("show_down");
            $("#"+lx).addClass("show_down");
            $("#hadd_"+lx_arr[1]+"_"+lx_arr[2]).removeClass("show_down");
        }
        if(lx_arr[0] == "hadd"){
            var all_id_name = "all_"+lx_arr[1]+"_"+lx_arr[2];//设计插入行的ID

            if(typeof($("#"+all_id_name).attr("id")) == "undefined"){
                return;
            }
            $("#"+all_id_name).addClass("show_down");
            $("#"+lx).addClass("show_down");
            $("#show_"+lx_arr[1]+"_"+lx_arr[2]).removeClass("show_down");
            //$("#"+all_id_name).mouseover(function(){$("#content").slideToggle("slow");});

            //$("#"+all_id_name).mouseout(function(){$("#content").slideToggle("slow");});

        }
        if(lx_arr[0] == "minus"){//判断为减号

            var trid = "tr_"+lx_arr[2];
            var allid = "all_"+lx_arr[1]+"_"+lx_arr[2];
            
            if($("#"+allid).length>0){//删除多行

                if(window.confirm("Sure to delete it? This will delete all related information and content!")){
                    $('#'+trid).remove();
                    $('#'+allid).remove();
                }
                else{
                    return;
                }
            }//结束删除多行

            else{//删除TR行

                if(window.confirm("Sure to delete it? This will delete all related information and content!")){
                    $('#'+trid).remove();
                    //$('#'+allid).remove();

                }
                else{
                    return;
                }
            }//结束删除多行            

        }//结束判断减号

        if(lx_arr[0] == "more"){//判断是否为more

            var table = lx.substring(5);
            var hs = $("#num_"+table).attr("value");
            var trcont = "";
            if(table == "tab"){
                var trbz = "tr_"+hs;
                //alert(trbz);

                for(h=parseInt(hs)+1;h<=parseInt(hs)+5;h++){
                    trcont = trcont+" <tr id=\"tr_"+h+"\"><td><img src=\"image/show.png\" name=\"show_menu_"+h+"\" width=\"22\" height=\"22\" id=\"show_menu_"+h+"\" class=\"show_down\" /><img src=\"image/hadd.png\" name=\"hadd_menu_"+h+"\" width=\"22\" height=\"22\" id=\"hadd_menu_"+h+"\"/><input type=\"text\" name=\"menu_"+h+"\" id=\"menu_"+h+"\" /></td><td><select name=\"select_"+h+"\" id=\"select_"+h+"\"><option value=\"1\">Test</option><option value=\"2\">Table</option><option value=\"3\">URL</option></select></td><td><img src=\"image/plus.png\" alt=\"\" name=\"add_menu_"+h+"\" width=\"22\" height=\"22\" id=\"add_menu_"+h+"\" border=\"0\" /><img src=\"image/private.png\" alt=\"\" name=\"minus_menu_"+h+"\" width=\"22\" height=\"22\" id=\"minus_menu_"+h+"\" border=\"0\" /></td></tr>";
                }
                $("#zh_"+table).before(trcont);//将一行插入到ID的下面

            }
            else{
                var trbz = "tr_"+table.substring(4)+"-"+hs;
                //alert(trbz);

                for(h=parseInt(hs)+1;h<=parseInt(hs)+5;h++){
                    var hc = table.substring(4)+"-"+h;
                    trcont = trcont+" <tr id=\"tr_"+hc+"\"><td><img src=\"image/show.png\" name=\"show_menu_"+hc+"\" width=\"22\" height=\"22\" id=\"show_menu_"+hc+"\" class=\"show_down\" /><img src=\"image/hadd.png\" name=\"hadd_menu_"+hc+"\" width=\"22\" height=\"22\" id=\"hadd_menu_"+hc+"\"/><input name=\"parent_"+hc+"\" type=\"text\" id=\"parent_"+hc+"\" readonly=\"readonly\" /></td><td><input type=\"text\" name=\"menu_"+hc+"\" id=\"menu_"+hc+"\" /></td><td><select name=\"select_"+hc+"\" id=\"select_"+hc+"\"><option value=\"1\">Test</option><option value=\"2\">Table</option><option value=\"3\">URL</option></select></td><td><img src=\"image/plus.png\" alt=\"\" name=\"add_menu_"+hc+"\" width=\"22\" height=\"22\" id=\"add_menu_"+hc+"\" border=\"0\" /><img src=\"image/private.png\" alt=\"\" name=\"minus_menu_"+hc+"\" width=\"22\" height=\"22\" id=\"minus_menu_"+hc+"\" border=\"0\" /></td></tr>";
                }
                //alert("#"+trbz);

                $("#zh_"+table).before(trcont);//将一行插入到ID的下面

            }
             $("#num_"+table).attr("value",h-1);
            
        }//结束判断more        

    })    
})
</script>

一个简单的练习

“jquery 动态事件”的更多相关文章 》

爱J2EE关注Java迈克尔杰克逊视频站JSON在线工具

http://biancheng.dnbcw.info/php/322420.html pageNo:16