javascript — конфликт ч / б DatePicker и автозаполнение JQuery
Приведенный ниже код работает отдельно на разных страницах php. Но при объединении обоих на одной странице ничего не получается. В Firebug ошибка говорит,
TypeError: $(...).datepicker is not a function
$("#test1").datepicker({
КОД ДЛЯ DATEPICKER
<link rel="stylesheet" href="css/date_pick/jquery-ui.css">
<script src="css/date_pick/jquery-1.10.2.js"></script>
<script src="css/date_pick/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#test1").datepicker({
changeMonth:true,
changeYear:true,
yearRange:"-35:+0",
dateFormat:"dd/mm/yy"});
});
</script>
<input type="text" name="test1" id="test1" />
КОД ДЛЯ АВТОКОМПЛЕКТА
<link rel="stylesheet" href="lib/js/jquery.autocomplete.css">
<script src="bootstrap/js/jquery.js"></script>
<script src="lib/js/jquery.autocomplete.js "></script>
Решение
Может быть, потому что вы включили 2 раза библиотеку jQuery.
<script src="css/date_pick/jquery-1.10.2.js"></script>
<script src="bootstrap/js/jquery.js"></script>
Библиотека jQuery должна быть включена один раз.
Другие решения
ты можешь попробовать как
<link rel="stylesheet" href="css/date_pick/jquery-ui.css">
<link rel="stylesheet" href="lib/js/jquery.autocomplete.css">
<script src="css/date_pick/jquery-1.10.2.js"></script>
<script src="css/date_pick/jquery-ui.js"></script>
<script src="lib/js/jquery.autocomplete.js "></script>
<script type="text/javascript">
$(document).ready(function(){
$("#test1").datepicker({
changeMonth:true,
changeYear:true,
yearRange:"-35:+0",
dateFormat:"dd/mm/yy"});
});
</script>
<input type="text" name="test1" id="test1" />
но я думаю, что было бы лучше использовать упакованную версию jquery UI, чтобы вы могли вызывать один файл для каждого компонента jquery UI.
Также, если вы получаете $ .browser — неопределенная ошибка, я думаю, одна из библиотек пользовательского интерфейса устарела, потому что она вызывает функцию, которая устарела в jquery v1.10.2
detector