Вопрос по twitter-bootstrap, fullcalendar – FullCalendar внутри вкладок начальной загрузки Twitter

20

Кому-нибудь удалось заставить FullCalendar работать на вкладках Twitter Bootstrap 3?

ve следующий код;


   
     <a id="defaultTab" href="#tab_Default">Default</a>
   

   
      
         @Html.Partial("_Calendar0")
      
   

Когда этот код запускается, я вижу вкладку, но нет содержимого календаря.

Если я удалюкласс =»Вкладка-контент "» из второго div тогда вкладка и календарь отображаются нормально, но яЯ не получаю функциональность вкладки.

Там'Очевидно, что некоторые противоречия между двумя частями программного обеспечения под капотом. У кого-нибудь есть обходной путь?

Ваш Ответ

1   ответ
55

Боюсь, что яЯ отвечу на мой вопросне против правил не так ли?);

Следующий код делает свое дело;

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

@Html.Partial("_Calendar0")
@Html.Partial("_Calendar1")

Основная проблема заключалась в том, что FullCalendar выигралзагрузить элемент управления Calendar, если оннет на отображаемой странице.

Спасибо огромное. Milan Maharjan
только что заметил, что у вас есть два календаря .... не обращайте внимания на предыдущий комментарий. Кстати ваше решение сработало! Еще раз спасибо за размещение этого. Mahesh Guruswamy
У меня точно такая же проблема. Спасибо за размещение вашего решения. Просто любопытно, почему ты звонишь?оказывать» дважды в событии? Mahesh Guruswamy

Похожие вопросы