Полный календарь не отображается/отображается на странице

Я пытаюсь реализовать полный календарь на своей веб-странице, хотя, когда я перехожу на страницу, где он должен быть, он просто не отображается.Полный календарь не отображается/отображается на странице

Вот мой код:

@Styles.Render("~/Content/css") 
@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/fullcalendar") 

@{ 
    ViewBag.Title = "Index"; 
} 

<h2>Forecasts</h2> 

<div id='calendar'></div> 

<script> 
    $(document).ready(function() { 

     // page is now ready, initialize the calendar... 

     $('#calendar').fullCalendar({ 
      // put your options and callbacks here 
      weekends: false // will hide Saturdays and Sundays 
     }) 

    }); 
</script>

и вот что в каждом из жгутов рендеринга:

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
    ~/Scripts/jquery-{version}.js")); 

bundles.Add(new ScriptBundle("~/bundles/fullcalendar").Include(
    "~/Scripts/moment.js", 
    "~/Scripts/fullcalendar.js")); 

bundles.Add(new StyleBundle("~/Content/css").Include(
    "~/Content/bootstrap.css", 
    "~/Content/fullcalendar.css", 
    "~/Content/site.css"));

Libary Версии:

jquery - 1.11.3 
moment - 2.11.2 
fullcalendar - 2.4.0 
bootstrap - 3.0.0

Любая помощь очень ценится ,

EDIT: Добавлен фрагмент представленного HTML-кода ниже. Примечание: вся конфиденциальная информация заменена на «#».

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8" /> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
    <title>Index - ###</title> 
 
    <link href="/Content/bootstrap.css" rel="stylesheet"/> 
 
<link href="/Content/fullcalendar.css" rel="stylesheet"/> 
 
<link href="/Content/site.css" rel="stylesheet"/> 
 

 
    <script src="/Scripts/modernizr-2.6.2.js"></script> 
 

 
</head> 
 
<body> 
 
    <div class="navbar navbar-inverse"> 
 
     <div class="container-fluid"> 
 
      <div class="container"> 
 
       <div class="navbar-header"> 
 
        <a class="navbar-brand" href="#"> 
 
         <img src="/Resources/logo.png" width="75" height="35" alt="Logo" /> 
 
        </a> 
 
       </div> 
 
       <p class="nav navbar-text navbar-right"> 
 
        User: ###<br /> 
 
        Date: ### 
 
       </p> 
 
      </div> 
 
     </div> 
 
    </div> 
 

 
    <div class="navbar navbar-default"> 
 
     <div class="container-fluid"> 
 
      <div class="container"> 
 
       <ul class="nav navbar-nav"> 
 
        <li><a href="/">#</a></li> 
 
        <li><a href="/#/#">#</a></li> 
 
        <li><a href="/#/#">#</a></li> 
 
        <li><a href="/#">#</a></li> 
 
        <li><a href="/#">#</a></li> 
 
       </ul> 
 
      </div> 
 
     </div> 
 
    </div> 
 

 
    <div class="container body-content"> 
 
     
 
<link href="/Content/bootstrap.css" rel="stylesheet"/> 
 
<link href="/Content/fullcalendar.css" rel="stylesheet"/> 
 
<link href="/Content/site.css" rel="stylesheet"/> 
 

 
<script src="/Scripts/jquery-1.11.3.js"></script> 
 

 
<script src="/Scripts/moment.js"></script> 
 
<script src="/Scripts/fullcalendar.js"></script> 
 

 
<h2>#</h2> 
 

 
<div id='calendar'></div> 
 

 
<script> 
 
    $(document).ready(function() { 
 

 
     // page is now ready, initialize the calendar... 
 

 
     $('#calendar').fullCalendar({ 
 
      // put your options and callbacks here 
 
      weekends: false // will hide Saturdays and Sundays 
 
     }) 
 

 
    }); 
 
</script> 
 

 

 

 
     <hr /> 
 
     <footer> 
 
      <p>&copy; 2016 - #.</p> 
 
     </footer> 
 
    </div> 
 

 
    <script src="/Scripts/jquery-1.11.3.js"></script> 
 

 
    <script src="/Scripts/bootstrap.js"></script> 
 
<script src="/Scripts/respond.js"></script> 
 

 
</body> 
 
</html>

источник

2016-02-24 James

A. Можете ли вы показать нам код вывода (html), но не код сервера (MCV)? B. Любые ошибки в 'console'? –

В консоли нет ошибок, а для выходного HTML - действительно ли вам нужно это увидеть, некоторые из них содержат информацию, которую я не хочу размещать здесь, и она не должна иметь никакого значения, поскольку она выводится как ожидалось - Есть ли что-то, что я могу показать вам конкретно? – James

Мне не нужно видеть ваши данные (конечно) Мне просто нужно попытаться отладить его (конечно, фрагмент или бит будет лучше) –

мне удалось исправить свою собственную проблему, я считаю, что было какое-то конфликт с fullcalendar и бутстраповским/respond.js.

В моей папке общих просмотров эти сценарии отображались в конце страницы (чего я не понимал).

Я удалил эти и работал отлично.

Ниже представлен фрагмент рендеринга и ниже, где показаны скрипты, которые являются частью этого пакета.

Scripts.Render("~/bundles/bootstrap") 
RenderSection("scripts", required: false) 

<script src="/Scripts/bootstrap.js"></script> 
<script src="/Scripts/respond.js"></script>

источник

2016-02-25 14:15:06 James

Полный календарь не отображается/отображается на странице

ответ

Смежные вопросы