Перейти к содержимому


Красивый select - простое решение на jquery


  • Вы не можете ответить в тему
Сообщений в теме: 4

#1 badisoft

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 12 June 2013 - 03:13 PM

Понадобилось мне сделать select-ы равной заданной длины не зависимо от их содержимого, ну и чтобы optgroup работал, onchange запускался... А если можно будет дизайн селекта путем CSS задавать, то и вообще здорово.
Нашлась удобная библотечка-плагин для jquery, которая заданный select закрывает стилем display:none, а вместо него создает структуру ul/li с оформлением как душе угодно. optgroup работает. onchange работает. Глюков пока не выловил, плагин очень понравился.

http://verstkawebsai...-form-na-jquery

В примере index.php сделано не очень наглядно, заданный стиль применяется ко ВСЕМ имещимся селектам, но это легко исправить. Для меня основная приятность была в малом размере плагина.

Прикрепленные файлы


  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#2 badisoft

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 24 June 2013 - 11:13 PM

А кто-нибудь пробовал эту библиотечку пользовать "по полной", т.е. пользуясь описанием методов из заголовка JS-файла? Что-то у меня на тестовых HTML-ях все зашибись, а на коде в ShopCMS методы этой либы не работают. А методы полезные-интересные :(

Ps. Фигурных скобок там нет, это было бы слишком просто.
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#3 eugene_wb

    Продвинутый пользователь

  • Модераторы
  • 827 сообщений
Репутация: 167
Мастер

Отправлено 25 June 2013 - 12:07 AM

посмотри на конфликт ( несоответсвие ) версий jquery и плагина, я давненько делал, все работало
попробуй понизить/повысить версию jquery, возможно поможет
ну и естественно консоль ошибок в помощь
  • 0
Изображение Изображение Изображение

#4 badisoft

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 25 June 2013 - 09:10 AM

попробуй понизить/повысить версию jquery, возможно поможет

Да, была у меня такая мысль, т.к. версии в тестах и в не работающем варианте разные (1.8 и 1.7).

ну и естественно консоль ошибок в помощь

А нет ошибок. В том и непонятка :). файрбаг девственно чист. Причем если внести сознательно синтаксическую ошибку, то он ее показывает.
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#5 micehide

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 359 сообщений
Репутация: 124
Мастер

Отправлено 25 June 2013 - 09:01 PM

Не вижу вообще надобности поднимать jquery-библиотеку для select-а как такового, если нужно его редизайнить - CSS, а такой огород городить - это чистое баловство. В крайнем случае, если хочешь играть со всеми формами и стандартными элементами - ставь frontend-фреймворк, во многих все это уже сделано и не нужно париться с отдельными элементами..
  • 0