與FullCalendar JQuery上下文菜單同化

我正在處理Martin Wendt's jQuery Context-menu plugin，我試圖將它集成到我的FullCalendar插件中。問題是沒有任何事情發生在右鍵點擊事件上。所以，沒有上下文菜單彈出。與FullCalendar JQuery上下文菜單同化

我在我的default.html中的文件下面的jQuery代碼顯示的日曆：

 $('#calendar').fullCalendar({ 
      eventRender: function(event, element) { 
       var originalClass = element[0].className; 
       element[0].className = originalClass + ' hasmenu'; 
      }, 
      // 
     }); 

     $('#calendar').contextmenu({ 
      delegate: '.hasmenu', 
      menu: [ 
       {title: 'Copy', cmd: 'copy', uiIcon: 'ui-icon-copy'}, 
       {title: '----'}, 
       {title: 'More', children: [ 
        {title: 'Sub 1', cmd: 'sub1'}, 
        {title: 'Sub 2', cmd: 'sub1'} 
        ]} 
       ], 
      select: function(event, ui) { 
       alert('select ' + ui.cmd + ' on ' + ui.target.text()); 
      } 
     });

正如你所看到的，好像有什麼不對的代碼，因爲我完全遵循的程序，以使當右鍵點擊一個事件時，jquery上下文菜單彈出。這裏也是上下文菜單插件所需的依賴關係：

<link href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" 
    rel="stylesheet" /> 
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script> 
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
<script src="assets/jquery.ui-contextmenu.min.js"></script>

爲了實現它，在我的部分的開始，我包括了FullCalendar的依賴和文本菜單：

<link href='//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css' rel='stylesheet' /> 
<link href='../fullcalendar.min.css' rel='stylesheet' /> 
<link href='../fullcalendar.print.min.css' rel='stylesheet' media='print' /> 
<script src='../lib/moment.min.js'></script> 
<script src='../lib/jquery.min.js'></script> 
<script src='../fullcalendar.min.js'></script> 
<script src='//code.jquery.com/jquery-1.11.3.min.js'></script> 
<script src='//code.jquery.com/ui/1.11.4/jquery-ui.min.js'></script> 
<script src='../jquery.ui-contextmenu.min.js'></script>

你可以注意到，jquery.ui-contextmenu.min.js文件被碰到了我的fullcalendar.min.js所在的主文件夾。

來源

2017-07-07 Andrew