fullcalendar不可见的，直到按钮被点击或窗口大小？ [英] fullcalendar not visible until button is clicked or window resized?

问题描述

我使用jQuery完整的日历与angularJS和angularstrap。看来问题是，当我在一个按钮或者点击日历或调整浏览器窗口中日历将只显示。这个日历被加载在模式对话框初始化使用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.

我AP preciate的帮助。

I appreciate the help.

Plunkr在这里：链接

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?

推荐答案

您的问题似乎是类似<一个href=\"http://stackoverflow.com/questions/16905807/how-can-i-list-two-linkedin-follow-buttons-in-a-twitter-bootstrap-dropdown/\">How我可以列出了Twitter的引导下拉2 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">

拆卸显示：无（给空间）日历插件将解决您的问题之前。
随着code以上B.E.添加＃search_modal-003 {显示：块; } 您的自定义CSS。

这篇关于fullcalendar不可见的，直到按钮被点击或窗口大小？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！