将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' });
});