与FullCalendar的JQuery上下文菜单同化

<link rel="stylesheet" href="fullcalendar.css">
<script src="jquery.min.js"></script>
<script src="fullcalendar.min.js"></script>

$(document).ready(function() {
  $('#calendar').fullCalendar({
    // FullCalendar的配置选项
  });
});

$(document).ready(function() {
  $('#calendar').fullCalendar({
    // FullCalendar的配置选项
    eventRender: function(event, element) {
      element.bind('contextmenu', function(e) {
        // 创建自定义的上下文菜单
        var menu = $('<ul class="context-menu"></ul>');
        menu.append('<li>菜单项1</li>');
        menu.append('<li>菜单项2</li>');
        menu.append('<li>菜单项3</li>');
        
        // 设置菜单的位置，并显示
        menu.css({
          position: 'absolute',
          left: e.pageX,
          top: e.pageY
        }).appendTo('body');
        
        // 阻止默认的右键菜单
        e.preventDefault();
        
        // 绑定菜单项的点击事件
        menu.find('li').click(function() {
          // 处理菜单项的点击事件
          // ...
          
          // 隐藏菜单
          menu.remove();
        });
        
        // 点击页面其他地方时隐藏菜单
        $(document).click(function() {
          menu.remove();
        });
      });
    }
  });
});