在单击按钮或调整窗口大小之前,fullcalendar 不可见? [英] fullcalendar not visible until button is clicked or window resized?

查看:32
本文介绍了在单击按钮或调整窗口大小之前,fullcalendar 不可见?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用带有 angularJS 和 angularstrap 的 jquery 完整日历.问题似乎是只有当我单击日历中的按钮之一或调整浏览器窗口大小时,日历才会显示.此日历正在加载到使用 angularstrap 初始化的模式框中.

I'm using jquery full calendar with angularJS and angularstrap. The problem it seems is that the calendar will only display when I either click on one of the buttons in the calendar or resize the browser window. This calendar is being loaded in a modal box initialised using angularstrap.

感谢您的帮助.

Plunkr 在这里:LINK

Plunkr here: LINK

模态 HTML 在 search_modal.html 日历控制器是:calendarCtrl.js 父控制器是 search.js

Modal HTML is in search_modal.html Calendar controller is:calendarCtrl.js Parent controller is search.js

在遇到与谷歌地图和图库相同的问题后,我尝试实施我认为这不是与日历直接相关的问题,而是与模式框本身更相关.任何交互式且涉及 javascript 的内容都无法根据模态框的大小正确缩放.有人对如何解决这个问题有任何想法吗?

After experiencing the same problem with google maps and a gallery I've attempted to implement I dont think this is a problem directly related to the calendar rather its more related to the modal box itself. Anything thats interactive and involves javascript does not scale properly according to the size of the modal box. Anyone have any ideas on how to fix this?

推荐答案

你的问题好像和 如何在 Twitter Bootstrap 下拉列表中列出两个 Linkedin 关注按钮

你的模态是由:

 <a data-bs-modal="'search_modal.html'" href="#" class="ng-scope" data-target="#search_modal-003" data-toggle="modal">Search</a>
 <div id="search_modal-003" class="modal hide fade ng-scope in" tabindex="-1" aria-hidden="false">

在插入日历之前移除 display:none(留出空间)将解决您的问题.使用上面的代码 b.e.添加 #search_modal-003 {display:block;} 到您的自定义 css.

Removing the display:none (give space) before the calendar insert will fix your problem. With the code above b.e. add #search_modal-003 {display:block; } to your custom css.

这篇关于在单击按钮或调整窗口大小之前,fullcalendar 不可见?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆