2010-06-26 72 views
1

對不起,但我似乎無法讓我今天的特殊孩子頭盔。我試圖使用Full Calendar ...我已驗證沒有相關的javascript錯誤,所有腳本都被正確調用,我有一個#calendar div,但我沒有在頁面上得到任何結果或輸出。完整Calendar.js無法啓動

在WordPress利用這一點,這裏是我的相關標題:

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url')?>/fullcalendar-1.4.6/fullcalendar.css" /> 
    <script type="text/javascript" src="<?php bloginfo('template_url')?>/fullcalendar-1.4.6/jquery/jquery.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_url')?>/fullcalendar-1.4.6/fullcalendar.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 

      // page is now ready, initialize the calendar... 

      $('#calendar').fullCalendar({ 
       // put your options and callbacks here 
      }) 

     }); 
     </script> 

而且你可以在這裏查看網頁本身(與不存在的日曆):http://ranya.net/wp/classes/

調試/故障排除有什麼建議?我不知道這裏有什麼錯...

編輯:正如查爾斯下面指出的,它看起來像函數fullCalendar是未定義的。我只是遵循腳本的基本回調參數,有沒有人有一個想法,爲什麼它會是未定義的?我沒有改變任何東西從默認/基本回調。

回答

1

原來是一個jQuery衝突。我在這個頁面上運行了很多腳本,實際上有兩個衝突,一個是因爲在文檔的頂部和底部調用jQuery。第二個是因爲MailChimp的Web窗體,它也調用JavaScript。

1

的Chrome的JavaScript控制檯說:

Uncaught TypeError: Object # has no method 'fullCalendar' (classes:37)

37號線是你的$(...)fullCalendar()線。

在控制檯上運行$('#calendar').fullCalendar();會導致相同的錯誤。

我不完全確定從哪裏解決這個問題,因爲我根本不知道插件。我首先切換到插件的非縮小版本,看看是否有所作爲。

編輯:FWIW,我用最簡單的時間在$(document).ready的Firefox裏面得到了真正的錯誤。我不確定這是怎麼回事。

+0

太棒了,這給了我一些工作,但是,我沒有太多的JavaScript專業版,我沒有做任何改變默認值。爲什麼腳本的基本回調不能識別它自己的函數(在這個腳本中可以找到:http://cl.ly/1USu)? – Brian 2010-06-27 00:00:38