Jquery 上下文菜单

Question

我有一个页面，其中有两种类型的 div（路由器和交换机），按属性“类型”进行区分。我希望右键单击它们时有不同的菜单。所以我所做的是使用 jquery 选择器获取所有类型为 router 的 div，并迭代它们以绑定上下文菜单。我面临的问题是，当我右键单击一个菜单项时，该菜单项将调用该 div id 的 jquery 模式对话框，现在如果我在另一个 div 上调用相同的菜单，也会为第一个 div id 调用该对话框。代码：

function createMenu() {
    var divList = $("div[type^='Router']");
    for ( var i = 0; i < divList.length; i++) {
        // alert(divList[i].id);
        $("#" + divList[i].id).contextMenu({
            menu : 'routerMenu'
        }, function(action, el, pos) {
            var name = $(el).attr('name');
            if(action == 'dialog') {
                            alert(name);
                invokeDialog(name,'Router');
            }
        });
    }
    var divList = $("div[type^='Switch']");
    for ( var i = 0; i < divList.length; i++) {
        // alert(divList[i].id);
        $("#" + divList[i].id).contextMenu({
            menu : 'switchMenu'
        }, function(action, el, pos) {
            var name = $(el).attr('name');
            if(action == 'dialog') {
                            alert(name);
                invokeDialog(name,'Switch');
            }
        });
        }
}

例如，有两个相同类型“Router”的 div，其 id 为 id1 和 id2。首先，我单击 id1，我收到一条带有 id1 名称的警报。接下来，我单击 id2，收到警报 id1，然后收到 id2。有谁知道我做错了什么？