2016-07-29 62 views
0
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()”我的网页使用效果基本show,是日历插件在不加载? 任何一个可以帮助我,如何写负载“ID”与在Javascript onclick事件。如何在jQuery Mobile中显示日历插件而无需重新加载?

+0

你可以在你想完成什么具体些吗? – stackoverfloweth

+0

我需要加载我的日历ID,当我点击id =“PageFour”时。 – SanjaiVasan

回答

0

把你的日历加载代码在这里

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