1

このプラグインのドキュメントを調べてみましたが、有望そうに見えましたが、結局、探していたものを見つけることができませんでした。

http://medialize.github.com/jQuery-contextMenu/docs.html

これが私が望んでいた例です。これはコンテキストメニュー項目の例です

 $.contextMenu({
        selector: '.context-menu-one', 
        callback: function(key, options) {
            var m = "clicked: " + key;
            window.console && console.log(m) || alert(m); 
        },
        items: {
            "item1": {name: "Clickable", icon: "edit"},
            "item2": {
                name: "Disabled", 
                icon: "cut", 
                disabled: function(key, opt) { 
                    // this references the trigger element
                    return !this.data('cutDisabled'); 
                }
            }
        }
    });

. 私のdiv( )に、それに基づいてメニューを無効または有効にするなどcontext-menu-oneのコンテンツが含まれている場合。<span class="test">x</span>

したがって、上記の場合、私の div( context-menu-one) にテキスト値を持つクラスtestを持つスパンがある場合、xメニュー項目 2 を無効にします

どうすればそれを行うことができますか?コードである必要はありません。良い方向に導きます = 可能であれば良いコード

編集:

これがjsfiddleの例です:

http://jsfiddle.net/XZEUN/2/

したがって、最初context-menu-oneにクラス x のスパンがあるため、item2 を無効にする必要がありますが、他のものは無効にする必要はありません

4

2 に答える 2

1

このフィドルのように独自のイベントを定義する必要があります

html

<div class="context-menu-one box menu-1">
    <strong>right click me</strong>
    <span data-item="edit"></span>
</div>​

javascript

events: {
    show: function(opt) {
        var m = opt.$menu;
        $(this).find('span[data-item]').each(function(i, e) { //<-- this search for all span with data-item attribute
            var p = $(e).data('item') + 'Disabled'; //<-- here i compose editDisabled
            if (m.data(p) === true) m.data(p, 1); //<-- this is for mantain previuos disabling
            else m.data(p, true);
        });
        m = null; //<-- this for breaking possible circular references/memory leaks
    },
    hide: function(opt) {
        var m = opt.$menu;
        $(this).find('span[data-item]').each(function(i, e) {
            var p = $(e).data('item') + 'Disabled';
            if (m.data(p) === 1) m.data(p, true); //<-- this reset the previuos disabling
            else m.removeData(p);
        });
        m = null;
    }
}
于 2012-10-12T16:30:58.603 に答える
0

特定のセレクターにバインドされたコンテキスト メニューを無効にする場合は、次のようにします。

$.contextMenu( 'destroy', '.context-menu-one' );

ここで例を参照してください:

http://jsfiddle.net/ATyjn/

于 2012-10-12T16:16:13.603 に答える