全日历不可见，直到单击按钮或调整窗口大小？
我正在使用带有angularJS和angularstrap的jquery完整日历。问题似乎是，只有当我单击日历中的一个按钮或调整浏览器窗口的大小时，日历才会显示。此日历被加载到使用angularstrap初始化的模式框中。
我很感谢你的帮助。
点击此处：LINK
Modal在search_modal.html日历控件中，is:calendarCtrl.js父控制器是search.js
编辑:在经历了谷歌地图和我试图实现的一个图库的相同问题后，我认为这不是一个直接与日历有关的问题，而是更多地与模式框本身有关。任何交互式的、涉及javascript的东西都不能根据模式框的大小进行适当的缩放。有没有人有办法解决这个问题？
回答 7
Stack Overflow用户
发布于 2013-06-15 03:20:59
您的问题似乎与How can I list two Linkedin Follow Buttons in a Twitter Bootstrap Dropdown类似
您的模式由以下各项设置：
<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">在插入日历之前删除显示:无(留出空格)将解决您的问题。使用上述b.e.代码。将#search_modal-003 {display:block; }添加到您的自定义css。
Stack Overflow用户
发布于 2016-07-12 08:49:11
只是为了给这个问题添加另一个答案。我在bootstrap选项卡中使用了完整的日历。为了渲染日历，我添加了：
$('a#id-of-tab').on('shown.bs.tab', function (e) {
$("#the-calendar-container").fullCalendar('render');
});Stack Overflow用户
发布于 2013-06-08 12:11:40
问题是日历是初始化的，而模式是不可见的。如果模态在控制器中，您可能会使用$scope.$on('modal-shown', function() {});以某种方式触发calendar('render');。
我想不出一种检测能见度的方法。我尝试在elm.is(':visible')上的指令中使用$watch，但在加载时只能检查两次。
https://stackoverflow.com/questions/16994673
复制相似问题
腾讯云开发者
