Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.11.2012, 14:14
Новичок на форуме
Отправить личное сообщение для Zvezdochet Посмотреть профиль Найти все сообщения от Zvezdochet
 
Регистрация: 24.08.2011
Сообщений: 6

не работает плагин 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?
Ответить с цитированием
  #2 (permalink)  
Старый 27.11.2012, 16:21
Профессор
Отправить личное сообщение для Hoshinokoe Посмотреть профиль Найти все сообщения от Hoshinokoe
 
Регистрация: 08.01.2012
Сообщений: 253

Zvezdochet,

Какую версию jquery подключаете ? Могут быть проблемы из-за старой версии. Проверь, будет ли работать с 1.7.1.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
Ответить с цитированием
  #3 (permalink)  
Старый 27.11.2012, 16:30
Новичок на форуме
Отправить личное сообщение для Zvezdochet Посмотреть профиль Найти все сообщения от Zvezdochet
 
Регистрация: 24.08.2011
Сообщений: 6

Скачал последнюю с офф сайта.
jQuery JavaScript Library v1.8.3
С этой строкой тоже не работает.
А может кто-нибудь проверить рабочий ли код сам по себе? Просто не знаю в какую сторону смотреть - код или софт.
Ответить с цитированием
  #4 (permalink)  
Старый 27.11.2012, 17:20
Профессор
Отправить личное сообщение для Hoshinokoe Посмотреть профиль Найти все сообщения от Hoshinokoe
 
Регистрация: 08.01.2012
Сообщений: 253

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>
Ответить с цитированием
  #5 (permalink)  
Старый 28.11.2012, 08:42
Новичок на форуме
Отправить личное сообщение для Zvezdochet Посмотреть профиль Найти все сообщения от Zvezdochet
 
Регистрация: 24.08.2011
Сообщений: 6

Hoshinokoe, т.е. проблема с подключением плагина.
Ответить с цитированием
  #6 (permalink)  
Старый 13.05.2013, 14:06
Новичок на форуме
Отправить личное сообщение для Taypfoon Посмотреть профиль Найти все сообщения от Taypfoon
 
Регистрация: 13.05.2013
Сообщений: 2

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
После .load() не работает плагин зума rustleofstars jQuery 1 28.07.2012 16:36
написал коряво плагин на JS - он работает, а как сделать лучше? Теги: Массив, replace alexben Общие вопросы Javascript 2 11.02.2012 15:21
Не работает плагин NeoMurderer jQuery 7 21.06.2011 21:33
JQ Плагин не работает ВэйДлин Общие вопросы Javascript 5 12.04.2011 02:36
Не работает jQuery плагин на cms DLE EvgenJS AJAX и COMET 2 03.11.2010 15:32