JQuery на веб-Контекстное меню Формы

Question

Довольно новый для JQuery, я пытаюсь добавить меню правой кнопкой мыши на Web Forms приложения на div id = "category" После долгих прибегая к помощи, я пришел с этим, но не работает :

HTML:

<div id ="category"> 
    <span class="categoryheading"> 
     <span id="catHide<%#Category %>" class="hidecategory" onclick="$('.cat<%#Category %>').hide(); $('#catHide<%#Category %>').hide(); $('#catShow<%#Category %>').show();"> 
     </span> 
     <span id="catShow<%#Category %>" style="display: none;" class="showcategory" onclick="$('.cat<%#Category %>').show(); $('#catShow<%#Category %>').hide(); $('#catHide<%#Category %>').show();"> 
     </span> 
    <%#Eval("GroupName").ToString() != "" ? Eval("GroupName") : "No Category" %> 
    </span> 
</div> 

JQuery

// Allow context menu on Category 
     $("#category").contextMenu({ 
      items: { 
       ExpandAll:{ 
        name: "collapse", 
        title: "Collapse All", 
        alert: ("Test - It Works!!")}, 
       CollapseAll:{ 
        name: "expand", 
        title: "Expand All", 
        alert: ("Test - It works")} 
      } 
     }); 

Любые указатели о том, где я буду неправильно оценены.

Answer 1

Вы можете реализовать контекстное меню, используя JQuery-contextify.

Код:

HTML:

<div id="menu"> 
    Hello 
</div> 

Javascript:

var options = {items:[ 
    {header: 'Options'}, 
    {text: 'First Link', href: '#'}, 
    {text: 'Second Link', onclick: function() {}}, 
    {divider: true}, 
    {text: 'Stuff', href: '#'} 
]} 
$('#menu').contextify(options);