Jquery使用数组生成上下文菜单

Jquery make context menu with array

本文关键字：上下文 菜单 数组 Jquery      更新时间：2023-09-26

这是我的代码，它在不使用数组的情况下非常完美，并在div上创建上下文菜单，但现在我想从数组中创建一些上下文菜单项。当我应用数组时，它在一行中显示数组的所有项，并用逗号（，）分隔。但我需要不同行中的所有项目。

http://jsfiddle.net/danial786zz/sobnwgeb/这把小提琴很好用，但我需要从数组中制作物品。

$('#div_id").chromeContext({
items: [
      { title: array,         onclick: function () { RToTb(array_name) } },
      { title: 'properties'   onclick: function () { abc();            } },
      { title: 'view'         onclick: function () { def();            } }
    ]

})；

我认为这对你有用：

我已经用另一个数组创建了一个数组，并在上下文菜单中使用了它。

 $(function(){
    var arr = ['1st Row', '2nd Row', '3rd Row'];
    var menuitems = [];
    $.each(arr, function( index, value ) {
       menuitems[index] =  { title: value, onclick: function () { RToTb(array_name) }};
    });
    $('#div_id').chromeContext({
       items : menuitems
    });
});

FIDDLE

这是关于数组定义的。每个数组元素中都应该有对象。

$(function(){
   var arr=[];
   arr[0]= { 'title': '1st row', 'onclick:': function () { RToTb(array_name); } };
   arr[1]={ 'title': '2st row', 'onclick:': function () { RToTb(array_name); }};
   arr[2]={ 'title': '3st row', 'onclick:': function () { RToTb(array_name); }};

   $('#div_id').chromeContext({
      items: arr
   });
});

查看下面的链接以获取工作示例：http://jsfiddle.net/v7v8f386/1/

相关文章：