GD Star Rating
loading...

jQuery-господа, а подскажите, как реализовать сворачивание последних элементов списка в дропдаун, если список не влезает по ширине в контейнер?

Примеры есть у гугла и mail.ru, но там дропдаун присутствует изначально, а у меня резиновая верстка и хотелось бы вместить все в одну строку при любом размере экрана.

Или научите как спросить, а то я гугл уже надоелл настолько, что он капчу показывает

размер 450x61, 7.68 kb

Tagged with →  

23 Responses to jQuery

  1. RedApp:

    я бы примерно так сделал:

    ….. … …l>
    l>

  2. Drablack:

    так делал – не помогает

  3. Ail00:

    Google -> CSS media queries.
    Короче делаешь пару-тройку вариантов верстки и переключаешь их видимость в зависимости от ширины окна, если надо именно на JS

  4. Drablack:

    да, я использую media queries, но в то меню в будущем может быть добавлено что угодно, и нужно сделать так, чтобы не приходилось лазить в стили каждый раз.

    Да и как версткой сворачивать элементы списка?

  5. Drablack:

    И еще вопрос – как поисковики отнесутся к тому, что на сайте будут 2 идентичных по структуре меню, одно для десктопов, а второе для мобильных девайсов? Просто структура сайта такова, что одним не обойтись

  6. Ail00:

    Можно сделать унивесально, конечно.
    берем ширину ul далее проходим циклом по li, берем ширину каждого и += к какой-то переменной. Когда переменная становится больше ширины ul все последующие li выдергиваем и засовываем в дропдаун. Ну и естественно шиниру дропдауна вычитаем из ширины ul
    Все это вешаем на document.ready и window.resize

    Логика примерно такая.

  7. Drablack:

    это именно то, что нужно. Спасибо!

  8. Ail00:

    Рома собственно и пишет, что лучше так не делать. Функция на jQuery займет строк пять.

  9. RedApp:

    вот я так выше пытался скинуть простой скриптик)

  10. Drablack:

    но в коде, действительно, пиздец и ахуй!

  11. 01pre:

    я не уверен, что это вышло из статуса “хуёвый, тормозящий, работающий через жопу икспиримент” (как и всё у этого говнаря), но основную идею можешь попробовать взять.

  12. Drablack:

    можно хотя бы пример подобного?

  13. Ylfen:

    в чём проблема показывать мобильным агентам одно меню, а десктопным – другое?

  14. Drablack:

    проблема не в этом. Ширина контейнера может быть от 480 до 1920. Там три варианта отображения только для десктопа, а меню хотелось бы сворачивать по необходимости. Изначально ширина меню неизвестна.

  15. Drablack:

    в общем, ищу вот такую хрень, только на jquery

  16. Drablack:

    я пропиздоглазил смысл вопроса. Да, я так и хочу сделать, интересует мнение сеошников.

  17. FMeCap:

    пишется же за час. не просите, занят щас

  18. Ylfen:

    а при чём тут сеошники? не нужно отдавать два меню, фильтруй по агенту на стороне сервера

  19. Drablack:

    ох ебать, но зачем?

  20. Ail00:

    ну например затем, что бы не отдавать картинки 2000х5000 телефону с экраном 480х320. Т.е. это в любом случает прийдется делать – отдавать разный контент. Чо бы и меню так не отдавать?

Добавить комментарий