myMenu version 1.0 build 4

首先这个版本是失败的,也是为了测试.希望我能更加进步

插件代码:

/*
            var menus = [["menu","http://"]];

            [
                ["menu","http://",[
                                    ["first","http://"],
                                    ["第二","http://"]
                                  ],
                ["menu","http://"]
            ]

            $().myMenu4(menus,);
        
        */
        (function ($) { 
            
            $.fn.myMenu4 = function(menus,index){

                index = index == undefined ? 0 : index;

                var myMenu = "<div id=\"myMenu\"><ul></ul></div>";
                this.append(myMenu);
                myMenu = $("#myMenu");

                var myUl = $("#myMenu").children().first();

                //var myLi = null;
                var myLiTxt = "<li><a><span></span></a></li>";
                

                //var content2 = "<li class=\"myMenu-current\"><a href=\"{url}\"><span>{text}</span></a></li>";

                var myPopTxt = "<ul id=\"myMenu-popup\"></ul>";
                //var temp = "";
                // the first array
                for (var menu in menus) {
                    // add li to ul
                    myUl.append(myLiTxt);
                    if (index == menu) {
                        // add class to li
                        myUl.children().eq(index).addClass("myMenu-current");
                         //content2.replace("{text}", menus[menu][0]).replace("{url}", menus[menu][1]) + "\n";
                    } 
                    myUl.children().eq(menu).children().first().children().first().text(menus[menu][0]);
                    myUl.children().eq(menu).children().first().attr("href",menus[menu][1]);

                    // the second array
                    for (var pop in menus[menu][2]) {
                        //temp += content.replace("{text}",menus[menu][2][popup][0]).replace("{url}",menus[menu][2][popup][1]);
                        
                        myUl.append(myPopTxt);
                        myUl.children().last().append(myLiTxt);
                        myUl.children().last().children().eq(pop).children().first().attr("href",menus[menu][2][1]);
                        myUl.children().last().children().eq(pop).children().first().children().first().text(menus[menu][2][0]);
                    }
                }
                //var html = begin + temp + end;
                //return this.append(html);
                return this;
            }


        })(jQuery);

使用办法:

 $(function () {
            //$("body").myMenu([["首页", "http://"], ["首页", "http://"], ["首页", "http://"]]);
            var menus = [["首页", "http://", ["下级", "http://"]]];
            $(document.body).myMenu4(menus,0);
        });