Каково было мнение о реализации выпадающего меню в Twitter Bootstrap?

Я смотрю на бета-версию Twitter Bootstrap, и я действительно впечатлен. Тем не менее, я не понимаю, что думает о том, как работает меню выпадающего меню.

Во-первых, чтобы увидеть дочерние ссылки, вам нужно щелкнуть по родительскому элементу. Я вижу преимущества этого, но почему бы не использовать более традиционный выпадающий список при наведении по умолчанию?

Во-вторых, кажется, что мышление в раскрывающемся меню Twitter Bootstrap освещает родительские страницы. Я, вероятно, не очень хорошо это объясняю... Скажем, у вас есть простая структура веб-страницы:

  • Главная
  • О
    • Команда
  • Услуги
    • Веб-дизайн
    • хостинг
    • Домены
  • Контакт

В традиционной структуре выпадающего меню вы наведете "около" и "услуги", и появится раскрывающееся меню, содержащее дочерние ссылки (например, "Веб-дизайн", "Хостинг" и т.д.). Однако вы также можете нажать на родительскую страницу (т.е. "О" и "Службы" ) и посетить их.

С помощью Bootstrap вы не можете иметь родительскую страницу в структуре, вы должны использовать тег привязки ( "#" ). Когда вы нажмете это, вы увидите страницы в раскрывающемся списке. Это не хорошо, если есть родительская страница. Это также не очень хорошо из семантики (что означает "#"?) И доступность (javascript выключен, экранные считыватели и т.д.).

Я, вероятно, что-то пропустил, но может ли кто-нибудь объяснить это, особенно в отношении родительских страниц и семантической html/доступности?

Ответы

Ответ 3

Существует много CSS и js-хаков для этой функции, но все они что-то ломают.

Я против использования зависания, но если кому-то это действительно нужно, сделайте это правильно. Я создал плагин, который использует только JavaScript-скрипт Bootstrap без каких-либо взломов, поэтому он работает на всех устройствах, не торгуя юзабилити:

https://github.com/istvan-ujjmeszaros/bootstrap-dropdown-hover

Ответ 4

Конструктивное решение было сделано людьми в Twitter, см. http://markdotto.com/2012/02/27/bootstrap-explained-dropdowns/

Если вы посмотрите на количество людей, которые ищут решение для верховой езды (около 1000 положительных/около 700 000 человек по состоянию на 2017-11):

Как сделать раскрывающееся меню Twitter Bootstrap в режиме наведения, а не щелчком.

вы можете видеть, что решение не делает всех счастливыми. Особенно, если вы перемещаете веб-страницы, которые на протяжении многих лет наводили меню, неудобно "принуждать" к новому стилю с помощью некоторых фреймворков.