Question

我希望在FullCalendar中单击某个事件时显示弹出窗口。根据我的CSS，div被正确创建和定位，但div不可见。可见性未设置为“隐藏”。请注意，当我将位置更改为“固定”时，它会显示。我试过搞乱z-index无济于事。

CSS：

._detail {
  position:absolute;
  left:-260px;
  font-size:1em;
  padding:5px;
  height:150px;
  width:250px;
    background-color:lightgrey;
    border-radius:4px;
    border:1px solid darkgrey;
}

基本JS：

eventClick: function(calEvent, jsEvent, view) {
  // create div with class '_detail', fill it with stuff
  jsEvent.target.appendChild(_div); }

Answer 1

 jsEvent.target.appendChild(_div);

是愚蠢的。它会将div附加到跨度。我决定将popup div附加到日历容器中。解决这个问题并不能解决技术问题，但对我有用。

Answer 2

如果有弹出设置位置的父div：相对于包含弹出窗口的父div，否则相对于页面的主包装div设置位置

绝对位置PopUp Div不会在FullCalendar中显示

2 个答案: