javascript - 如果 div 的名称不是容器，Jquery 上下文菜单插件将停止工作？

Question

我正在尝试使用这个插件 https://github.com/mar10/jquery-ui-contextmenu/blob/master/README.md

但是，如果我将容器类重命名为容器以外的任何名称，它就会停止工作。

  <script src="//code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.min.js" type="text/javascript"></script>
    <script src="assets/jquery.ui-contextmenu.min.js"></script>


<div id="container1">
    <div class="hasmenu">AAA</div>
    <div class="hasmenu">BBB</div>
    <div class="hasmenu">CCC</div>
</div>


$("#container1").contextmenu({
    delegate: ".hasmenu",
    menu: [
        {title: "Copy", cmd: "copy", uiIcon: "ui-icon-copy"},
        {title: "----"},
        {title: "More", children: [
            {title: "Sub 1", cmd: "sub1"},
            {title: "Sub 2", cmd: "sub1"}
            ]}
        ],
    select: function(event, ui) {
        alert("select " + ui.cmd + " on " + ui.target.text());
    }
});

Answer 1

那是因为你链接了 .contextmenu在 #container1 上.. 如果您想以不同的名称工作，请确保更新 HTML 和 JS 上的引用。

HTML:<div id="#foo"> .. </div>记者:$("#foo").contextmenu({ .. })