Timesheet.js не инициирует

Question

Я изо всех сил пытаюсь заставить Timesheet.js работать, я изначально хотел его на сайте Wordpress, но не повезло, поэтому полностью его удалил в простой html-файл. Вот мой код:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
<link href="timesheet.css" rel="stylesheet" type="text/css" /> 
<script src="timesheet.js" type="text/javascript" /></script> 

<script type="text/javascript">  
new Timesheet('timesheet', 2002, 2013, [ 
    ['2002', '09/2002', 'A freaking awesome time', 'lorem'], 
    ['06/2002', '09/2003', 'Some great memories', 'ipsum'], 
    ['2003', 'Had very bad luck'], 
    ['10/2003', '2006', 'At least had fun', 'dolor'], 
    ['02/2005', '05/2006', 'Enjoyed those times as well', 'ipsum'], 
    ['07/2005', '09/2005', 'Bad luck again', 'default'], 
    ['10/2005', '2008', 'For a long time nothing happened', 'dolor'], 
    ['01/2008', '05/2009', 'LOST Season #4', 'lorem'], 
    ['01/2009', '05/2009', 'LOST Season #4', 'lorem'], 
    ['02/2010', '05/2010', 'LOST Season #5', 'lorem'], 
    ['09/2008', '06/2010', 'FRINGE #1 & #2', 'ipsum'] 
]); 
</script> 

<div id="timesheet" class="timesheet color-scheme-default"></div> 

Это page я попробовал его. Довольно уверен, что это проблема с supplied files, а не то, что я делаю неправильно?

Answer 1

Кажется, что DOM не готов, когда вы используете свой код. Вы можете сделать несколько вещей:

Переместить этот код:

<div id="timesheet" class="timesheet color-scheme-default"></div> 

над вашими:

<script type="text/javascript">  
    new Timesheet(...); 
</script> 

Или обернуть свой код в jQuery(document).ready(function() { ... });, как это:

<script type="text/javascript"> 
jQuery(document).ready(function() {  
    new Timesheet(...); 
}); 
</script>