0

我有很大的困难（没有明显的原因）让 jquery 周历显示出来。

我链接到这些文件：

<link rel="stylesheet" href="/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.css">
    <script type="text/javascript" src="/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.js"></script>
    <script type="text/javascript src='/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.js.min.js"></script>

我像这样初始化我的日历：

$( "#eventscalendar" ).weekCalendar({
                      timeslotsPerHour : 4,
                      allowCalEventOverlap : true,
                      overlapEventsSeparate: true,
                      firstDayOfWeek : 1,
                      businessHours :{start: 8, end: 18, limitDisplay: true },
                      daysToShow : 7,
                      height : 300});

这是我的 DIV：

<div 
    id="eventscalendar" 
    class="span11">

</div>

我看到的错误是这样的：

Uncaught type error: [object Object] has no method 'weekCalendar'

我正在使用引导程序。问题必须是缺少 CSS 或 JS 引用，但我在演示中在线找到的代码根本不适合我。

JQuery 周历不喜欢 Bootstrap 吗？我可能会在这里丢失什么？

感谢您提供任何有用的提示！

4

1 回答 1

1

不正确的结束标签

看起来你一开始就没有加载 jQuery

<script type="text/javascript 'src='/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.js.min.js"
                             ^--------------

应该是

<script type="text/javascript" src="/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.js.min.js"

并且需要确保jquery在使用之前包含在内jquery claender plugin

<link rel="stylesheet" href="/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.css">

// jQuery shold be loaded before you include your weekcalender plugin 

    <script type="text/javascript" src="/transporter/jquery-weekcalendar-1.2.2/jquery.weekcalendar.js.min.js"></script>

确保只包含minified或development版本。但不是两个 javascript 文件。

于 2013-06-17T18:40:19.977 回答