Bootstrap 完整行事历:被日历隐藏的资源中的下拉HTML

w51jfk4q  于 2022-12-08  发布在  Bootstrap
关注(0)|答案(1)|浏览(135)

我试图在下拉列表中添加特定的操作到给定的fullcalendar资源中。到目前为止,Fullcalendar是一个非常好的工具,但是不知何故,日历与我注入的HTML内容重叠。
有没有更好的方法来注入下拉列表和其他HTML元素,而不被日历覆盖?
如果下拉菜单是完全可见的就好了。我错过了什么吗?

resourceGroupLabelDidMount: function(e) {
  var $this = $(e.el);
  $this.find('.fc-datagrid-cell-cushion').html($('.element').html())
}

下面是一个代码示例:https://codepen.io/sirsir1/pen/BaYXqVj

rekjcdws

rekjcdws1#

找到了一个解决我自己的问题的方法,通过将position-fixed类添加到ul元素中似乎可以很好地工作:

<ul class="position-fixed">
  ...
</ul>

下面是一个工作代码示例:https://codepen.io/sirsir1/pen/zYWdPRN

相关问题