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

我想在FullCalendar中单击事件时显示一个弹出窗口。基于我的CSS，div被创建并定位正确，但是div不可见。可见性未设置为“隐藏”。请注意，当我将位置更改为“固定”时，它确实显示。我试图搞乱z-index无济于事。绝对位置PopUp Div在FullCalendar中不显示

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); }

来源

2012-07-18 Eric H.

需要更多的上下文，包括HTML。 – 2012-07-18 18:16:03

jsfiddle会很好。 – Horen 2012-07-18 18:21:52

@MikeBrant您是否熟悉FullCalendar？我正在做一个基本的[eventClick]（http://arshaw.com/fullcalendar/docs/mouse/eventClick/）。你需要日历之外的更多背景吗？ – 2012-07-18 18:22:20

-1

如果有一个弹出设定位置父DIV：相对于含有弹出式窗口，否则设置相对位置，你的主包装父DIV div for page

来源

2012-07-18 18:27:35

您使用相对定位来将物体从其正常位置移开。不要定位相对于元素的东西。是的，我明白了。 – 2012-07-18 18:38:28

位置的绝对位置相对属性更好。你正在使用left：-260px可能正是因为这个，你的弹出窗口正在显示你的身体剩余的-260 px，这超出了屏幕resolution.so只是设置相对于你的身体标记或页面的主包装div的位置。 – 2012-07-18 19:09:22

jsEvent.target.appendChild(_div);

很愚蠢。它会将div附加到一个跨度。我决定将弹出式div附加到日历容器中。解决这个问题并不能回答技术问题，但适用于我。

来源

2012-07-18 19:10:06

这里只是一个事后的想法 - 你看过类似qTip的东西吗？你可以很容易地将它附加到'eventRender'回调的'element'参数上。 qTip可以配置为点击触发。 – ganeshk 2012-07-18 19:46:19

谢谢。我之前使用过jTip。我喜欢它，但我的需求在这里变得更简单轻松。 – 2012-07-19 16:40:00

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

回答

相关问题