У меня есть раскрывающийся список JQuery, который отлично работает, пока я не попытаюсь добавить JQuery datepicker на той же странице. Датпикер работает, но выпадающий список удаляется. Я не уверен, что вызывает конфликт, я пытаюсь заставить их обоих работать.JQuery противоречит друг другу
---- голова ----
<head>
<link rel="stylesheet" type="text/css" href="fancystyle1/styles.css" >
<link rel="stylesheet" type="text/css" href="css/style.css" >
<script src="fancystyle1/js/vendor/jquery-1.9.0.min.js"></script>
<script src="fancystyle1/js/vendor/modernizr.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>-->
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#datepicker").datepicker();
});
</script>
<script src="fancystyle1/js/jquery.simple.select.js"></script>
<script type="text/javascript">
$(function() {
$('select').selectBoxes();
});
</script>
</head>
Избегайте использования двух версий jQuery на вашем веб-сайте, если сможете. jQuery Version 1.11.1 - ваш лучший выбор для совместимости с более старым браузером. В противном случае просто придерживайтесь самой высокой версии (1.9.0) и выгружайте другую (1.6.2). –
Вы также должны показать свою комбинированную страницу, а не две отдельные страницы. Тогда совет о том, что изменить, будет конкретным :) –
Ответ обновлен ниже. Включает стили, а затем скрипты (всего 1 jQuery и что перед другими скриптами), а затем код, специфичный для страницы, в конце тела. –