Question

我使用contextmenu jquery插件：http://ignitersworld.com/lab/contextMenu.html

我的初始菜单对象定义如下：

var menu = [{name: 'EN',title: 'EN_title'},{name: 'FR',title: 'FR_title'}];
$(".MyClass").contextMenu(menu);

它正常工作。现在，我想在每个项目上动态添加函数。例如，如果我点击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);
    }
}
];

我该怎么办？

Answer 1

试试这个：

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);

如何使用jquery插件contextmenu添加动态函数？

1 个答案: