क्लिक किए गए तत्व की आईडी प्राप्त करें जो jQuery संदर्भ का उपयोग कर संदर्भ मेनू खोला गया हैमेनू प्लगइन

Question

मैं एक एसवीजी ग्राफिक में रोडनी रेम से jQuery contextMenu का उपयोग करता हूं। यह मूल उपयोग के लिए ठीक काम करता है।

लेकिन मुझे एसवीजी-एलिमेंट की आईडी (या कोई अन्य संपत्ति) प्राप्त करने की आवश्यकता है जिसने संदर्भ मेनू को डायनामिक आइटम नाम प्राप्त करने के लिए संदर्भ मेनू की आइटम सूची में इसका उपयोग करने के लिए ट्रिगर किया।

मैं Simple Context Menu डेमो के साथ काम करता हूं और अब इन स्थिर मेनू आइटम्स को गतिशील लोगों के साथ बदलना चाहता हूं जो एसवीजी तत्व की आईडी के आधार पर क्लिक किए गए थे।

Answer 1

यह आपको मदद मिल सकती है:

$(function(){ 
    $.contextMenu({ 
     selector: 'my-selector-here', 
     build: function($trigger, e) { 
      // this callback is executed every time the menu is to be shown 
      // its results are destroyed every time the menu is hidden 
      // e is the original contextmenu event, containing e.pageX and e.pageY (amongst other data) 
      // $trigger is the element that was rightclicked on - get its id here 
      var id = $trigger.getTheIDSomehow() 
      // build the menu items 
      if (id == 1) { 
       menuItems = {...} 
      else if (id == 2) 
       menuItems = {...} 
      return { 
       callback: function(key, options) { 
        // this is called when one of the contextmenu options is clicked 
       }, 
       items: menuItems 
      }; 
     } 
    }); 
}); 

Answer 2

जब मैं स्थिर मेनू का उपयोग करें, मैं इस तरह आईडी मिलती है::

... 
callback: function (key, options) { 
    id = options.$trigger.attr("id"); 
    ... 
}, 
... 

शायद $ trigger.attr http://medialize.github.com/jQuery-contextMenu/demo/dynamic-create.html
यहां कुछ नमूना कोड है ("आईडी") आपके लिए काम कर सकता है।

Answer 3

आप बस जो तत्व पर राइट क्लिक ::

$.contextMenu({ 
      selector: 'tr', 
      callback: function (key, options) { 
       var m = "clicked: " + key; 
       if (key == "Clone") 
       { 
        Your_Function($(this).attr('id')); 
       } 

      }, 
      items: { 
       "Clone": { name: "Clone" }, 
       } 
      });