Question

我使用自定义css和js show hide函数创建了一个弹出窗口。现在我想将日历放在弹出窗口中。

我试过

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

就像上面那样，我在fullcalendar渲染后显示弹出窗口。如何解决？

编辑...

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

Answer 1

display: none会从HTML流中移除该元素，因此当您的元素变得可见时，您需要调用您的事件，以便在您点击箭头时插件正常工作

尝试在

之后初始化您的插件

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

Jquery FullCalendar没有加载弹出窗口

1 个答案: