Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   не работает плагин chosen (https://javascript.ru/forum/jquery/33546-ne-rabotaet-plagin-chosen.html)

Zvezdochet 27.11.2012 14:14

не работает плагин 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?

Hoshinokoe 27.11.2012 16:21

Zvezdochet,

Какую версию jquery подключаете ? Могут быть проблемы из-за старой версии. Проверь, будет ли работать с 1.7.1.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

Zvezdochet 27.11.2012 16:30

Скачал последнюю с офф сайта.
jQuery JavaScript Library v1.8.3
С этой строкой тоже не работает.
А может кто-нибудь проверить рабочий ли код сам по себе? Просто не знаю в какую сторону смотреть - код или софт.

Hoshinokoe 27.11.2012 17:20

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>

Zvezdochet 28.11.2012 08:42

Hoshinokoe, т.е. проблема с подключением плагина.

Taypfoon 13.05.2013 14:06

Как, при вводе 10 символов в поле поиска, запустить серверный php-скрипт ?


Часовой пояс GMT +3, время: 13:38.