绑定一个ContextMenu动态DOM内容

Question

我试图使用从这里jQuery的contenxt菜单插件：http://www.javascripttoolbox.com/lib/contextmenu/index.php

使用菜单看起来非常简单，并实现如下

$(function() { 
    $('#staticContent').contextMenu(menu1, { theme:'vista' }); 
}); 

var menu1 = [ 
    {'Option 1':function(menuItem,menu) { alert("You clicked Option 1!"); } }, 
    $.contextMenu.separator, 
    {'Option 2':function(menuItem,menu) { alert("You clicked Option 2!"); } } 
]; 

该作品精细。当内容是动态的时它不起作用。有人可以展示如何实现这一点，当内容是动态的请。

我已经试过这和变型，但无济于事..

$(document.body).on('click', '#dynamicContent', function(e) { 
    e.toElement.contextMenu('#contextMenuToolbar', { theme: 'vista' }); 
}); 

Answer 1

我认为你正在寻找delegate检查的例子。

$(document.body).delegate('click', '#dynamicContent', function(e) { 
    e.toElement.contextMenu('#contextMenuToolbar', { theme: 'vista' }); 
});