не работает плагин 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, время: 13:38. |