JQuery создает контекстное меню с массивом

Question

Это мой код, он отлично работает без использования массива и создает контекстное меню в 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();   } } 

    ] 

});

Answer 1

Я думаю, что это будет работать для вас:

Я создал массив из другого массива и используется, что в контекстном меню.

$(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

Answer 2

Речь идет о вашем определении массива. Внутри каждого элемента массива должны быть объекты.

$(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/