Как отображать плагин календаря в jQuery mobile без перезагрузки?

Question

How to display the calendar plugin in jQuery mobile without reloading? 

    [![Were My Calendar is Not Fully loaded][1]][1] 

    <a href="#pagefour" data-transition="slideup" onclick="closeNav()">calendar</a> 

     <div data-role="page" data-role="main" id="pagefour" class="ui-content"> 
      <div id="main-page-one"> 
       <span onclick="openNav()"><i class="fa fa-bars" aria-hidden="true"></i> &nbsp;Calendar </span> 
       <div id="calendar" ></div> 
      </div> 
     </div> 
     <script src="assets/js/jquery.mobile-1.4.5.js"></script> 
     <script src='assets/js/jquery-ui.min.js'></script> 
     <script src='assets/js/fullcalendar.min.js'></script> 
     <script src="assets/js/index.js"></script> 
     <script> 
      function closeNav() { 
       document.getElementById("calendar").window.location.reload;// Dono how to Load The particular Calendar ID    
      } 
     </script> 


     [1]: http://i.stack.imgur.com/d2Ml1.png 

, когда я нажимаю «Календарь» Функция closeNaV() «моя страница Используется для SlideUp, были ли плагины календаря загруженными? Может ли кто-нибудь помочь мне, как написать загрузку «ID» с событием onClick в Javascript.

Answer 1

Поместите свой календарь код загрузки здесь

$('#PageFour').click(function(){ 
    //load calendar code 
});