FullCalendar:日历隐藏的资源中的下拉html

发布于 2025-02-10 13:10:06 字数 668 浏览 0 评论 0原文

我正在尝试在给定的FullCalendar资源中添加列表中的特定操作。到目前为止,FullCalendar是一个非常好的工具,但是以某种方式日历与我注入的HTML内容重叠。

是否有更好的方法来注入下拉列表和其他HTML元素,而不会被日历重叠吗?

如果下拉列表完全可见,那将是很棒的。我想念什么吗?

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

这是一个代码示例: https://codepen.io/sirsirsir1/笔/bayxqvj

I'm trying to add specific actions within a dropdown to the given fullcalendar resources. So far Fullcalendar is a very great tool, but somehow the calendar overlaps the HTML content that I'm injecting.

Is there a better way to inject Dropdowns and other HTML elements, without being overlapped by the calendar?

It would be great if the dropdown would be completely visible. Am I missing something?

enter image description here

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

Here is a code example: https://codepen.io/sirsir1/pen/BaYXqVj

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

╰ゝ天使的微笑 2025-02-17 13:10:06

找到了我自己问题的解决方案,它似乎可以通过将固定类添加到ul元素:

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

这是一个工作代码示例: https://codepen.io/sirsir1/pen/zywdprn

Found a solution to my own question, it seems to work fine by adding position-fixed class to the ul element:

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

Here is a working code example: https://codepen.io/sirsir1/pen/zYWdPRN

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文