не работает плагин chosen
Добрый день!
JS я знаю слабо. В данный момент в свободное время на работе пишу веб-интерфейс для простенькой БД. HTML и PHP вполне хватает. Но всеже есть несколько моментов, которые хотелось бы усовершенствовать. Один из них это длинный селект. Хотелось бы сделать в нем поиск. Наткнулся на плагин chosen. Всем меня устраивает, но не работает. Для примера взял код с одного из сайтов:
<!DOCTYPE HTML>
<html>
<head>
<title>Обзор узла связи</title>
<link rel="stylesheet" href="/css/chosen.css" />
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/chosen.jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(".chosen").chosen().change(function(e){
console.log(e);
});
});
</script>
</head>
<body>
<div class="container">
<h1>Chosen</h1>
<select class="chosen" style="width:200px;">
<option>Cent OC</option>
<option>Ubuntu</option>
<option>Fedore core...</option>
<option>Free BSD...</option>
<option>Debian</option>
</select>
</div>
</body>
</html>
В результате имеем обычный селект. Грешил на Убунту, но вроде другой плагин Tablesorter лежащий в этом же каталоге, что и chosen работает. С чем может конфликтовать chosen? |
Zvezdochet,
Какую версию jquery подключаете ? Могут быть проблемы из-за старой версии. Проверь, будет ли работать с 1.7.1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> |
Скачал последнюю с офф сайта.
jQuery JavaScript Library v1.8.3 С этой строкой тоже не работает. А может кто-нибудь проверить рабочий ли код сам по себе? Просто не знаю в какую сторону смотреть - код или софт. |
Zvezdochet,
Отлично работает, даже в ИЕ7.
<!DOCTYPE HTML>
<html>
<head>
<title>Обзор узла связи</title>
<link rel="stylesheet" href="http://harvesthq.github.com/chosen/chosen/chosen.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://harvesthq.github.com/chosen/chosen/chosen.jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(".chosen").chosen().change(function(e){
console.log(e);
});
});
</script>
</head>
<body>
<div class="container">
<h1>Chosen</h1>
<select class="chosen" style="width:200px;">
<option>Cent OC</option>
<option>Ubuntu</option>
<option>Fedore core...</option>
<option>Free BSD...</option>
<option>Debian</option>
</select>
</div>
</body>
</html>
|
Hoshinokoe, т.е. проблема с подключением плагина.
|
Как, при вводе 10 символов в поле поиска, запустить серверный php-скрипт ?
|
| Часовой пояс GMT +3, время: 06:01. |