2016-06-18 64 views
0

我使用ContextMenu jQuery插件:http://ignitersworld.com/lab/contextMenu.html如何添加動態功能的jQuery插件contextmenu?

我的初始菜單對象的定義如下:

​​

它正常工作。 現在,我想在每個項目上動態添加功能。 例如,如果我點擊EN,我想跟蹤EN_title。如果我點擊FR,我想跟蹤FR_title。

新的菜單對象應該是這樣的:

var menu = [ 
{ 
    name: 'EN', 
    title: 'EN_title', 
    fun: function() { 
     console.log(this.title); 
    } 
}, 
{ 
    name: 'FR', 
    title: 'FR_title', 
    fun: function() { 
     console.log(this.title); 
    } 
} 
]; 

我如何進行?

回答

0

嘗試這種情況:

var menu = [{ 
             name: 'EN', 
             title: 'EN_title', 
             fun: function() { 
                 console.log(menu[0].title) 
             } 
         }, { 
             name: 'FR', 
             title: 'FR_title', 
             fun: function() { 
                 console.log(menu[1].title) 
             } 
         } 
         }]; 
  
//Calling context menu 
 $('.testButton').contextMenu(menu); 
+0

我同意你但我想動態的功能添加到像菜單的初始陣列[0] = .fun函數(){的console.log(菜單[0 ] .title)}和menu [1] .fun = function(){console.log(menu [0] .title)} – nubuk29

+0

哦是的..你可以動態添加。你可能不得不重新初始化buttun。即。運行_ $('。testButton')。contextMenu(menu); _ – tinto

+0

最後我找到了一個解決方案:我創建一個對象並推入一個菜單數組。感謝您的幫助 – nubuk29