Jquery FullCalander没有加载弹出窗口

我使用自定义css和js show hide函数创建了一个弹出窗口。 现在我想把calander放到那个弹出窗口。

我试过了

$(document).on('click', '.cliker', function () { $(".succes_msg").remove(); $show = $(this).attr('pkid'); $(this).addClass('activer'); $("input[name=startTime]").val($(this).find("span").eq(0).html()).timepicker(); $(".addbtn").attr('pkId', $show); $('#calendar').fullCalendar({ defaultView: 'basicWeek', aspectRatio: 1.5, header : { left : 'prev,next', center: 'title', right : '' }, dayOfMonthFormat: 'ddd MMM/MM', firstDay: 4, eventLimit: true, render: true, height: 250, buttonText: { today: 'today', month: 'month' }, eventSources: [{ url: '{{URL::to(route('get_calender_data'))}}', type: 'get', data: {cinema: 0} }], }); $(".modelPophldr,.editShow").show(); $(".editShow").animate({'margin-top': '25px'}); }); 

就像上面那样，我在完整的平面渲染后显示弹出窗口。 请建议如何解决它。

编辑…

现在，日历仅带有左右箭头，但未加载日历。 当我点击下一个按钮时，它将完美地显示事件的日历。

Answer 1

display: none从HTML流中移除元素，因此当您的元素变得可见时，当您单击箭头时插件工作的原因需要调用您的事件

尝试在之后初始化您的插件

 $(".modelPophldr,.editShow").show();