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

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

按月份名称我指的是这些部分

它不会再次显示日历，最好的办法是调用这两行

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

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

在这里寻找 EVENTS

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

jQuery slide down div - disappears when click on callback

javascript

jquery

slidedown