Question

我正在尝试将FullCalendar（v1.6.4）库集成到使用IBM Worklight 6.1.0开发的应用程序中。

日历控件在模拟器中正确加载和运行。但是，当在设备（iPad，Android）中安装相同的应用程序时，日历控件不会加载，并且会引发以下错误：

'undefined'不是一个函数（评估 '$（' ＃日历 '）。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 -->

Answer 1

您没有在问题中添加最重要和最相关的信息，即您是如何实施的。 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

IBM Worklight - 未显示jQuery FullCalendar库

1 个答案: