twitter-bootstrap – 在Twitter Bootstrap标签内的FullCalendar

发布时间：2020-12-18 00:19:44 所属栏目：安全来源：网络整理

导读：有没有人设法获得FullCalendar在Twitter Bootstrap 3标签中工作？我有以下代码 div class="tabbable" ul class="nav nav-tabs" id="myTab" li class="active"a id="defaultTab" href="#tab_Default"h5Default/h5/a/li /ul div class="tab-content" div id="

有没有人设法获得FullCalendar在Twitter Bootstrap 3标签中工作？

我有以下代码

<div class="tabbable">
   <ul class="nav nav-tabs" id="myTab">
     <li class="active"><a id="defaultTab" href="#tab_Default"><h5>Default</h5></a></li>
   </ul>

   <div class="tab-content">
      <div id="tab_Default" class="tab-pane">
         @Html.Partial("_Calendar0")
      </div>
   </div>
</div>

运行此代码时,我看到该选项卡,但没有日历内容.

如果我从第二个div中删除“class =”选项卡内容“”,那么该选项卡和日历显示可以,但是我没有获取标签功能.

这两款软件之间显然有争议.
任何人都有解决方法？

解决方法

害怕我会回答我自己的问题(这不是违反规则吗？)

以下代码做到了这一点;

$(document).ready(function () {
    $('a[data-toggle="tab"]').on('shown.bs.tab',function (e) {
        $('#calendar0').fullCalendar('render');
        $('#calendar1').fullCalendar('render');
    });
    $('#myTab a:first').tab('show');
});

<div class="tabbable">
  <ul class="nav nav-tabs" id="myTab">
    <li><a href="#tab_Default" data-toggle="tab"><h5>Default</h5></a></li>
    <li><a href="#tab_Choice1" data-toggle="tab"><h5>Choice 1</h5></a></li>
  </ul>
<div class="tab-content">
    <div id="tab_Default" class="tab-pane">
        @Html.Partial("_Calendar0")
    </div>
    <div id="tab_Choice1" class="tab-pane">
        @Html.Partial("_Calendar1")
    </div>
</div>

主要的问题是,如果FullCalendar不在显示的页面上,则它不会加载Calendar控件.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!