Problem with menu appendItem

[mickypc]

Code:

<script>
var arrs = ["test1","test1","test1","test1"];
for (var i=0;i<arrs.length;i++) {
  $("#div_menu").menu({
     text:arrs[i],
     onclick:function() {alert("ok")}
  });
}
</script>
<div id="div_menu" style="width:100px;"></div>

with this code, I want to alert "ok" by clicking the menu.but i just get wrong:the alert function just fires once when the menu initialized,bu no function by clicking the menu.

[stworthy]

Create the menu first and then call 'appendItem' method to append menu item to your menu.

The easiest way to create menu is to add 'easyui-menu' class attribute to a <div/> markup, just like this:
<div id="div_menu" class="easyui-menu" style="width:100px;"></div>

Now you can call the 'appendItem' method:

Code:

var arrs = ["test1","test1","test1","test1"];
for (var i=0;i<arrs.length;i++) {
  $("#div_menu").menu('appendItem', {
     text:arrs[i],
     onclick:'javascript:alert("ok")'
     // or
     // handler:function() {alert("ok")}
  });
}