javascript - Jquery:上下文菜单重置

Question

您好，我遇到了一些问题: http://jsfiddle.net/fNgXX/4/

我想要的:当用户双击单词时，根据文本，我将显示不同的上下文菜单。第一个错误在这里:

$('word').click( function(e) {

我必须使用 .click 才能使其适用于双击。我不知道为什么。当我放置 dblclick 时，我必须单击 4 次才能显示 contextMenu。

第二个问题(更重要):当您双击时:

<word>test</word>

您会看到带有“编辑”的上下文菜单。但是之后当你点击notes时它应该显示一个contextMenu Cut但它没有，他仍然显示以前的contextMenu。

所以我的问题是如何重置conextMenu？

Answer 1

您有两个问题，首先您在实际创建之前调用函数来创建contextMenu，这就是为什么最初您必须多次单击它(如果您安排它正确 .dblclick() 按预期工作)。另外，您遇到的另一个问题是，您并没有真正覆盖 contextMenu 的 items 选项，并且由于 contextMenu 已经存在，因此将来所有调用 word.contextMenu() ，仅显示它，但不会覆盖现有的，我已将您的 changeWord 函数更改为:

changeWord = function(word){
    var item={};
    if (word.text() == 'test') {
        item['edit']={name: "Edit", icon: "edit"};
    } else {
        item['cut']= {name: "Cut", icon: "cut"} 
    }
    console.log(item);
    $.contextMenu( 'destroy', 'word' );
    $.contextMenu({
        selector: 'word',
        trigger: 'none',
        items: item
    }); 
    word.contextMenu();
}

它按预期工作，您可以在 this updated fiddle 上看到它...