jQuery将上下文菜单绑定到动态元素ID

Question

Basic story, I've got a system that handles each div id dynamically. I decided to take over the context menu with one of my own, and it works, so long as the id of the element is hardcoded. I've been trying to write a function that takes the element name from a list of arrays, and its throwing errors left an right.

function menuclick()
{
alert("Menuclick Called");
var limen= ["armenu", "ormenu", "prmenu", "apmenu", "auxmenu", "itmenu", "sysmenu"];
var menues= Array();
var men1 = "menu$pf1$topmen$topmen$menul$menuli$";
for (idx=0;idx<6;idx++){
    menues[idx] = "#"+men1+limen[idx];
    $(menues[idx]).bind("contextmenu", this.id, function(e) {
        $('#example-menu').css({
            top: e.pageY+'px',
            left: e.pageX+'px'
        }).show();
return false;
});
    alert(menues[idx]);
}
return;
}

The $(menues[idx]).bind is whats causing the issue, mainly the menues[idx]. but i cant figure out why. any suggestions?

EDIT ** forgot to mention, the error firebug shows is:

"uncaught exception: Syntax error, unrecognized expression: $pf1$topmen$topmen$menul$menuli$armenu"

EDIT** this uses php to get the div id's from a database.

Answer 1

ohhh .NET and its silly conventions. You are trying to reference a "name" and not an "id". Your menu markup should look something like this:

<div name="menu$pf1$topmen$topmen$menul$menuli$armenu" id="menu_pf1_topmen_topmen_menul_menuli_armenu"> ... </div>

So, that being said you have two options.

• 1) Change your dolar signs to underscores (recommended)

var men1 = "menu_pf1_topmen_topmen_menul_menuli_";

• 2) Change the following line of code:

menues[idx] = "#"+men1+limen[idx];

to this:

menues[idx] = "[name='" + men1 + limen[idx] + "']";