jQuery向下滑动div - 单击回调时消失

Question

我有点问题。已经做了一些向下滑入日历的div，工作得很好，但在我点击箭头改变月份后，整个日历消失了。我无法再打开日历。

这是工作版本：http://apartamentychlebiwino.eu/rezerwacja/booking-search.php?check_in=14/05/2018&check_out=15/05/2018&capacity=1&currency=PLN

这是我的代码：

 $('.caleran-header').click(function(){
     $('.caleran-calendars').slideDown(1000);
     $('.caleran-header-start').addClass('kalendarz-start');
 });

Answer 1

日历消失了：

.caleran-calendars{
    display:none;
}

也许您必须显示日历容器，也许您可​​以尝试

$('.caleran-header').click(function(){
$('.caleran-calendars').slideDown(1000, function(){$(this).show()});
$('.caleran-header-start').addClass('kalendarz-start');
});

Answer 2

这是因为内联属性display:block是在当前显示的月份设置的，当我们点击标题输入#caleran-header时，当我们点击它带来的上一个或下个月箭头或在新div中为新月份范围滑动时，当前是删除所以你用来保持日历隐藏在display:none开头的方法，并且使用inline日历也不是那么好，每次你从箭头改变月份或点击时，你必须显示日历月份名称

按月名称我的意思是这些部分

它不会再次向您显示日历，您最好的选择是调用这两行

在ondraw [function]:事件中，在日历中重绘后触发

onredraw: function(caleran){
    $('.caleran-calendars').slideDown(1000, function(){$(this).show()});
    $('.caleran-header-start').addClass('kalendarz-start');
}

在这里查看EVENTS