Jquery FullCalendar 未在弹出窗口中加载答案

【问题标题】：Jquery FullCalendar not loading in popupJquery FullCalendar 未在弹出窗口中加载
【发布时间】：2017-11-23 09:01:01
【问题描述】：

我使用自定义 css 和 js 显示隐藏功能创建了一个弹出窗口。现在我想把日历放到那个弹出窗口中。

我试过了

$(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'});
});

就像上面一样，我在全日历渲染后显示弹出窗口。如何解决？

编辑...

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

【问题讨论】：

尝试在$(".modelPophldr,.editShow").show();之后初始化
完美的兄弟......它的工作......谢谢
没有看到很难猜到的html，或者更好地为这个例子创建一个sn-p

标签： javascript jquery popup fullcalendar

【解决方案1】：

display: none 将元素从 HTML 流中移除，因此您需要在元素变得可见时调用您的事件，以了解为什么当您单击箭头时您的插件正在工作

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

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

【讨论】：