如何在Jquery中使用$ menu.menu创建多菜单

时间:2017-01-31 04:43:23

标签: javascript jquery html menu

我正在使用方法

创建菜单
var getMenuItem = function (itemData) {
        var item = $("<li style='display: block;' onclick='showDetails(this)' data-type='"+itemData.name+"'>")
            .append(
        $("<a>", {
            href: '#' + itemData.link,
            html: itemData.name
        }));
    criteriaSeq++;  
    if (itemData.sub) {
        var subList = $("<ul>");
        name.push(itemData.name);
      //  console.log("Push"+name.toString());
        $.each(itemData.sub, function () {
            subList.append(getMenuItem(this));
        });
        item.append(subList);
        }
    //$("#padho").append("<p>"+name+"</p>")
    //console.log("After if"+name.toString());  
    return item;
};

var $menu = $("#menu");
$.each(data.menu, function () {
    $menu.append(
        getMenuItem(this)
    );
});
$menu.menu();

我的要求是在span中创建菜单的onclick函数中调用此方法(同一页面中的多个菜单)。

如果我对此问题有任何想法,请告诉我。

<ul id="menu-'sequence'" class="criteria_key"  style="width: 100px;"></ul>

菜单未创建。

0 个答案:

没有答案