我正在尝试使用一个小的context menu library来为事件提供上下文菜单,但是,菜单位置始终显示在底角,而不是通过发生“右键单击”事件来显示。
在此示例中,我尝试将FullCalendar与React组件一起使用,也尝试使用香草javascript版本并遇到相同的问题。
这是我的沙盒
https://codesandbox.io/s/fullcalendar-react-7nggi?fontsize=14
关于如何解决此问题的任何想法?
最佳答案
通过设法获得右键单击事件的坐标并相应地重新放置菜单,我设法解决了此问题。
$('.fc-event').on('contextmenu', function (e) {
$('.bootstrapMenu').offset({ top: e.pageY, left: e.pageX })
});