IBM Worklight - 未顯示jQuery FullCalendar庫

我試圖將FullCalendar（v1.6.4）庫集成到使用IBM Worklight 6.1.0開發的應用程序中。IBM Worklight - 未顯示jQuery FullCalendar庫

日曆控件在模擬器中正確加載和運行。然而，當同樣的應用程序安裝在設備（新iPad，Android的），日曆控件不加載，它引發以下錯誤：

'undefined' is not a function (evaluating '$('#calendar').fullCalendar')

代碼：

<script type="text/javascript" src="js/jsapi/jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="js/jsapi/jquery.mobile-1.3.2.min.js"></script> 
<script type="text/javascript" src="js/jsapi/jquery-ui.js"></script> 
<script type="text/javascript" src="js/general.js"></script> 

<script type="text/javascript" src="js/moment.min.js"></script> 

<!-- Calendar Starts Here --> 

<link href="css/fullcalendar.css" rel='stylesheet' /> 
<link href="css/fullcalendar.print.css" rel='stylesheet' media='print' /> 

<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui.custom.min.js"></script> 

<script src="js/fullcalendar.min.js"></script> 
<!-- Calendar Ends Here -->

來源

2014-02-25 gajjarkruti

我不確定爲什麼你有兩次在你的代碼jquery和jquery-ui。 –

你的代碼缺少最重要的位 - 你在哪裏以及如何使用它？ –

請參閱下面的答案。這個問題可以解決嗎？ –

您沒有添加對你的問題最關鍵和相關的信息，即你如何實現它。在HEAD元素的引用是好的，但也沒有幫助在所有...

我也做了下面，它爲我工作得很好：

共同\ index.html在

<!DOCTYPE HTML> 
<html> 
     <head> 
      <meta charset="UTF-8"> 
      <title>CalenderApp</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"> 
      <link rel="shortcut icon" href="images/favicon.png"> 
      <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> 
      <link rel="stylesheet" href="css/main.css"> 
      <link rel="stylesheet" href="jqueryMobile/jquery.mobile-1.4.1.css"> 
      <script>window.$ = window.jQuery = WLJQ;</script> 
      <script src="jqueryMobile/jquery.mobile-1.4.1.js"></script> 

      <!-- Calendar --> 
      <link rel="stylesheet" href="css/fullcalendar.css"> 
      <script src="js/fullcalendar.js"></script> 
      <script src="js/gcal.js"></script> 
      <!-- End Calendar --> 

     </head> 
     <body style="display: none;"> 
      <div data-role="page" id="page"> 
       <div data-role="content" style="padding: 15px"> 
        <div id='calendar'></div> 
       </div> 
      </div> 
      <script src="js/initOptions.js"></script> 
      <script src="js/main.js"></script> 
      <script src="js/messages.js"></script> 
     </body> 
</html>

共同\ main.js

function wlCommonInit(){ 
    $('#calendar').fullCalendar({ 
     weekends: false 
    }); 
}

最終結果（在運行Android 4.4的Nexus 5中，但在iOS中會相同） enter image description here

來源

2014-02-27 08:46:03

IBM Worklight - 未顯示jQuery FullCalendar庫

回答

相關問題