Javascript 全天日历弹出div单击
我对FullCalendar dayClick没有什么问题。这是否可以显示我的窗口(带有css样式的div)以在日历中添加新事件 HTML JQJavascript 全天日历弹出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
您应该对要显示的元素调用
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');
}
});
});