ContextMenu打开div链接属性

Question

"这"不起作用。。。

脚本主页：http://www.javascripttoolbox.com/lib/contextmenu/

HTML代码：

<div class="click" IDMenu="menu01">click</div>
<div class="menu01" style="display:none;">this is a menu</div>

Javascript代码：

$(function() {
$('.click').contextMenu('.'+ $(this).attr("IDMenu"));
});

Answer 1

它不起作用的原因是该上下文中的this引用了可能没有属性IDMenu的document。改为：

$(function() {
   var elem = $('.click'); // cache the element
   elem.contextMenu('.'+ elem.attr("IDMenu")); // reuse it again here
});

如果您避免创建自定义属性，而是选择data-*属性，那会更好。

根据OP要求更新代码

$(function() {
    $(".click").each(function() {
        var elem = $(this);
        elem.contextMenu('.' + elem.attr("IDMenu"));
    });
});

演示