Не могу получить Timepicker для работы

Question

Im новый для JQuery и им довольно уверен, что я пропустил файл, который является проблемой, но я немного потерял те, которые я должен использовать. Вот голова и куча других файлов css и js, так как я не уверен, возможно ли, возможно, конфликт.

</head> 
<!--Tab menu css and javascript link--> 
<script type="text/javascript" src="js/tabcontent.js"></script> 
<link href="css/tabcontent1.css" rel="stylesheet" type="text/css" /> 

<!--left menu gallery slider css and javascript--> 
<link rel="stylesheet" type="text/css" href="css/login_panel/css/slide_hm.css" media="screen" /> 
<script src="css/login_panel/js/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script src="css/login_panel/js/slide_hm.js" type="text/javascript"></script> 

<link rel="stylesheet" href="demo.css"> 
<link rel="stylesheet" media="all" type="text/css" href="http://code.jquery.com/ui/1.8.21/themes/ui-lightness/jquery-ui.css" /> 
<script>document.documentElement.className = "js";</script> 
<script src="../vendor/jquery-1.7.2.js"></script> 
<script src="../vendor/json2.js"></script> 
<script src="../src/jquery.collapse.js"></script> 
<script src="../src/jquery.collapse_storage.js"></script> 
<script src="../src/jquery.collapse_cookie_storage.js"></script> 

<link rel="stylesheet" type="text/css" href="css/jquery-ui-timepicker-addon.css" /> 
<script src="js/jquery.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script></head> 

Это код, у меня есть:

<script type="text/javascript">$(function(){ 
$('#example1').timepicker(); 
}); 
</script> 

И это вход:

<input type="text" name="example1" id="example1" value="" /> 

Но ничего не показывает, и хром выдает ошибку: Uncaught TypeError: Object [ объект Объект] не имеет метода «timepicker»

Итак, мой вопрос: я испортил код o r am я не хватает файла, и если да, где я могу скачать его, чтобы добавить его.

Answer 1

Здесь, кажется, есть пара проблем различной важности;

Ваша первая строка, вероятно, должна быть головой, а не головой, если у вас есть другая/голова в конце сообщения.

Вы включаете как минимум три версии jQuery - «css/login_panel/js/jquery-1.3.2.min.js», «../vendor/jquery-1.7.2.js» и «js /jquery.min.js». Проверьте, какая из них является последней версией, и включите ее в строку, которая в настоящее время включает jquery-1.3.2.min.js. Удалите остальные.

Возможно, вы должны включить пользовательский интерфейс jQuery сразу после включения jQuery, прежде чем включать библиотеку timepicker.

Предполагается, что вы должны перенести код, вызывающий timepicker, в функцию ready(), вы уже это делаете; $ (function() {}) эквивалентно $ (document) .ready (function() {}).

Однако вы можете обнаружить, что в конечном итоге вы избавитесь от некоторых головных болей, чтобы изменить то, как вы делаете это немного, следующим образом;

jQuery(function($) { 
    $('#example1').timepicker(); 
}); 

(Это равносильно тому, что вы делаете, но будет работать, если функция noConflict JQuery является включен)

Причина ваш код не работает, кажется, что вы в том числе timepicker CSS-файл («jquery-ui-timepicker-addon.css»), но вы не включаете файл javascript timepicker.

Answer 2

Проверьте, какая версия вам нужно, я считаю несколько, второй использовать функцию, когда все содержимое HTML загружается, что-то вроде

$(document).ready(function() { 
// timepicker code here 
} 

использование $(function() {}) не очень рекомендуемое JQuery см link