title: Bootstrap Calendar - events_source
body: <p>I am using Bootstrap Calendar - <a href="https://github.com/Serhioromano/bootstrap-calendar" rel="nofollow">https://github.com/Serhioromano/bootstrap-calendar</a></p>
  
  <p>And I am running into an issue. In the documentation, they have a file - events.json.php, which is a JSON file which will be pulled into the calendar.</p>
  
  <p>My issue is that this is not pulling through, and I know the events.json.php file is working fine!</p>
  
  <p>Here is the code I have so far:</p>
  
  <pre><code>      &lt;script src="&lt;?php bloginfo('template_directory'); ?&gt;/_js/vendor/jquery-1.11.1.min.js"&gt;&lt;/script&gt;
        &lt;script src="&lt;?php bloginfo('template_directory'); ?&gt;/_js/vendor/bootstrap.min.js"&gt;&lt;/script&gt;
        &lt;script src="&lt;?php bloginfo('template_directory'); ?&gt;/_js/vendor/underscore.js"&gt;&lt;/script&gt;
        &lt;script src="&lt;?php bloginfo('template_directory'); ?&gt;/_js/calendar.js"&gt;&lt;/script&gt;
  
  &lt;div class="current-calendar-date"&gt;&lt;/div&gt;
  &lt;div id="calendar"&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      var calendar = $("#calendar").calendar(
      {
        tmpl_path: "/tmpls/",
        events_source:"/events.json.php",
      });      
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>There are no console errors or anything, but no information as to why the file will not appear?</p>
  
  <p>Any help is appreciated!</p>
  
  <p>EDIT</p>
  
  <p>Even hardcoding an event doesnt work??</p>
  
  <pre><code>var calendar = $('#calendar').calendar({
  tmpl_path: "/tmpls/",
    events_source: function(){
  
      return  [
         {
             "id": 293,
             "title": "Event 1",
             "url": "http://example.com",
             "class": "event-important",
             "start": 1441843200, // Milliseconds
             "end": 1443225600 // Milliseconds
         },
  
     ];
  
  }});
  </code></pre>