Jquery Ui Context Menu

by Chandana Thota

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css">
<ul id="ctxMenu">
  <li class="ui-state-disabled"><a href="#">Open In New Window</a></li>
  <li><a href="#">Open</a></li> 
  </li>  
</ul>
 
 <div id="div-context" style="width:500px; height: 500px;">
    Item
 </div>

CSS

#ctxMenu { position:absolute; display:none; }

JavaScript

$(function () {
          $("#ctxMenu").menu();
          $("#div-context").on("contextmenu", function (event) {
              $("#ctxMenu").position({
                  my: "left top",
                  of: event
              });
              
              $("#ctxMenu").show();
              return false;
          });
      });