jQuery contextMenu deaktivieren Sie Elemente basierend auf div-Inhalt

Ich habe schon Trog Dokumente, die von diesem plugin und es sah vielversprechend aus, aber am Ende war ich nicht in der Lage, um herauszufinden, dass das, was ich suchte.

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

Hier ist, was ich wollte Trog Beispiel dies ist ein Beispiel für Kontext-Menü-Elemente 

 $.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'); 
                }
            }
        }
    });

. Wenn mein div (context-menu-one) hat einige Inhalte im inneren wie <span class="test">x</span> aktivieren oder deaktivieren im Menü.

Also in dem Fall oben, wenn mein div(context-menu-one) span mit Klasse test hat Textwert x - Menü deaktivieren item2

Wie würde man das machen? nicht code, führt mich zu gut, direction = guter code, wenn möglich, bei allen

Edit:

Hier ist das jsfiddle Beispiel :

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

So, weil die ersten context-menu-one hat span mit der Klasse x der item2 sollte deaktiviert werden, aber nicht für andere

Könnten Sie bleiben, bis ein jsfiddle demonstriert das Problem?
Sicher, das ist ein perfekter Vorschlag hier ist es jsfiddle.net/XZEUN danke
vielen Dank für Ihre Antwort. Ich denke, das habe ich gerade geändert die aktualisierten link zu einer Frage ein bisschen leichter zu verstehen. Ich will nicht hinzufügen, Schaltfläche schließen, wird x ist nur Beispiel mit dem Wert der Spanne. Basierend auf diesem Wert würde ich gerne deaktivieren Sie die einzelnen Menüpunkte
Danke, ich glaube, ich weiß, Sie wollen jetzt. Bitte siehe meine Antwort unten. Hoffe, das hilft.

InformationsquelleAutor Gandalf StormCrow | 2012-10-12

  1. 1

    müssen Sie definieren Ihre eigenen Veranstaltungen wie in diesem fiddle

    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;
    }
}
    Während dieser Zusammenhang kann eine Antwort auf die Frage, ist es besser, die wesentlichen Teile der Antwort hier und den link zur Referenz. Link-nur Antworten können ungültig werden, wenn die verlinkten Seite ändert.
    danke @hayden , ich war gerade bei der Bearbeitung der Antwort... 😛

    InformationsquelleAutor

  2. 0

    Wenn Sie deaktivieren möchten ein Kontext-Menü, gebunden an einen spezifischen Selektor können Sie etwas wie das hier tun:

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

    Siehe Beispiel hier:

    http://jsfiddle.net/ATyjn/

    InformationsquelleAutor castillo.io

Schreibe einen Kommentar