title: Jquery context menu set topmost
body: <p>I'm trying to implement a [Jquery context menu] with [Jquery FullCalendar], my problem is the context menu is showing in back of my event:</p>
  
  <p><strong>See creenshot:</strong>
  <a href="http://1drv.ms/1Fa8qKp" rel="nofollow">http://1drv.ms/1Fa8qKp</a></p>
  
  <p>Its a calendar of employee DTR.</p>
  
  <p>Here's my JS code:</p>
  
  <p><strong>CONEXT  MENU JS</strong></p>
  
  <pre><code>   $(function () {
          $.contextMenu({
              selector: '.fc-day, .fc-event',
              callback: function (key, options) {
                  var m = "clicked: " + key;
                  window.console &amp;&amp; console.log(m) || alert(m);
              },
              items: {
                  "ApplyLeave": { name: "Apply Leave", icon: "" },
                  "ApplyOT": { name: "Apply Overtime", icon: "" },
                  "ApplyOB": { name: "Apply Official business", icon: "" },
                  "sep1": "---------"
              },
              // TO MAKE CONTEXT TOPMOST
              beforeOpen: function (event, ui) {
                  ui.menu.zIndex($(event.target).z);
  
              }
          });
  
          $('.context-menu-one').on('click', function (e) {
              console.log('clicked', this);
          })
      });
  </code></pre>
  
  <p><strong>CALENDAR JS CODE</strong></p>
  
  <pre><code>  $('#calendar').fullCalendar({
          header:{
              left: 'prev,next today',
              center: 'title'
              //right: 'month'
          },
  
          theme: true,
  
          defaultView: 'month',
          editable: false,
          allDaySlot: true,
          selectable: true,
          events: "/Calendar/GetEventsDTR/",
  
          eventRender: function (event, element) {
              element.find('.fc-event-title').append(event.timeInTimeOut);
  
  
              //element.qtip({
              //    content: event.Note
              //});
  
  
          },
  
  
  
          loading: function (bool) {
              if (bool) {
                 $('.fc-header-title').hide();
                 $('#loadingImg').show();
              }
              else{
                 $('#loadingImg').hide();
                 $('.fc-header-title').show();
              }
          },
  
  
      });
  </code></pre>