Javascript 全天日历弹出div单击

Javascript 全天日历弹出div单击,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,我对FullCalendar dayClick没有什么问题。这是否可以显示我的窗口(带有css样式的div)以在日历中添加新事件 HTML JQ 您应该对要显示的元素调用show。更改$(this).show('.dayclicknown')到$('.dayclicknown').show() 演示如下: $(文档).ready(函数(){ $('.Calendar').fullCalendar({ dayClick:函数(数据、事件、视图){ $('.dayClickWindow').sho

我对FullCalendar dayClick没有什么问题。这是否可以显示我的窗口(带有css样式的div)以在日历中添加新事件

HTML

JQ


您应该对要显示的元素调用
show
。更改
$(this).show('.dayclicknown')
$('.dayclicknown').show()

演示如下:

$(文档).ready(函数(){
$('.Calendar').fullCalendar({
dayClick:函数(数据、事件、视图){
$('.dayClickWindow').show();
}
});
});
.day单击窗口{
宽度:500px;
高度:500px;
边界半径:15px;
背景色:#000;
位置:绝对位置;
左:50%;
最高:50%;
利润上限:-250px;
左边距:-250px;
显示:无;
z指数:1;
}

非常感谢您!
 <div class="Calendar">
    </div>
    <div class="dayClickWindow">
    </div>`
  .dayClickWindow
    {
    width:500px;
    height:500px;
    border-radius:15px;
    background-color:#000;
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-250px;
    margin-left:-250px;
    display:none;
    z-index:1;
}
    $(document).ready(function() {

    $('.Calendar').fullCalendar({   

             dayClick: function (data, event, view) {
           $(this).show('.dayClickWindow');
        }           
    }); 
});