将上下文菜单绑定到动态 DOM 内容

Binding a contextMenu to dynamic DOM content

本文关键字：动态 DOM 内容 绑定 上下文 菜单      更新时间：2023-09-26

我正在尝试从这里使用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' });
});

我认为您正在寻找委托检查示例。

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