jquery 컨텍스트의 함수 사용 메뉴 선택기

Question

다음은 https://github.com/medialize/jQuery-contextMenu의 예제입니다.

내가해야 할 일은 요소 선택에 대한 결정을 내리기 위해 많은 로직을 사용할 함수를 "selector :"에 넣는 것입니다.

제안 사항?

$(function(){ 
    $.contextMenu({ 
     selector: '.context-menu-one', 
     callback: function(key, options) { 
      var m = "clicked: " + key; 
      window.console && console.log(m) || alert(m); 
     }, 
     items: { 
      "edit": {name: "Edit", icon: "edit"}, 
      "cut": {name: "Cut", icon: "cut"}, 
      "copy": {name: "Copy", icon: "copy"}, 
      "paste": {name: "Paste", icon: "paste"}, 
      "delete": {name: "Delete", icon: "delete"}, 
      "sep1": "---------", 
      "quit": {name: "Quit", icon: "quit"} 
     } 
    }); 

    $('.context-menu-one').on('click', function(e){ 
     console.log('clicked', this); 
    }) 
}); 

Answer 1

그 시도 :

setContextMenu: function() { 
    $.contextMenu({ 
     selector: '.dataTable tbody tr', 
     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) 
      return { 
       callback: function (key, options) { 
        var obj = eval("(" + $(this).attr("valor") + ")"); 

        if (key == "Editar") { 
         console 
        } 

        if (key == "Visualizar") { 

        } 
       }, 
       items: { 
        "sep1": "---------", 
        "Editar": { name: "Editar", style: "ui-icon-document" }, 
        "sep2": "---------", 
        "Visualizar": { name: "Visualizar", style: "ui-icon-closethick" }, 
        "sep3": "---------", 
       } 
      }; 
     } 
    }); 
}