jquery 无限级下拉菜单的简单实现代码(3)

function _each(data,li){
    if(data==undefined||data.children==undefined){
        return false;
    }
    var ul = $("<ul></ul>");

    $.each(data.children,function(i,v){
        var _li = $("<li></li>");
        var _a = $("<a>"+data.children[i].name+"</a>");
        _a.attr("href",data.children[i].url)
            .attr("target","_blank")
            .appendTo(_li);

        if(data.children[i].children!=undefined){
            _each(data.children[i],_li);
        }
        _li.appendTo(ul);
    });
    ul.appendTo(li);
}

4.调用插件:

复制代码 代码如下:

$(function() {
    $("#menu").menu({data:menuData,ulId:"baseMenu"});
});

最后,css样式:

复制代码 代码如下: