Nano Hash - криптовалюты, майнинг, программирование

Не удается щелкнуть пункт раскрывающегося меню панели навигации с пользовательским медиа-запросом.

После успешного использования ответа, размещенного здесь выпадающие меню панели навигации отображают проблему с медиа-запросом на мобильных и небольших устройствах, теперь у меня есть этот JSFiddle http://jsfiddle.net/qxgy6L9b/23/.

Однако у меня все еще есть проблема, которую я не могу решить. Если я нажму на второй раскрывающийся список, я не смогу щелкнуть ни один элемент этого подменю. Это связано с тем, что сразу после него есть еще один элемент списка. Если я удалю этот список элементов, элементы раскрывающегося меню можно будет щелкнуть.

Я думаю, это связано с этим кодом CSS:

   .dropdown-menu{
    position: static;
    width: 100%;
    box-shadow: none;
    background: inherit;
  }

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

У кого-нибудь есть идея? Большое спасибо.

css twitter-bootstrap media-queries
20.08.2017

  • У вас правильно включен jquery? 20.08.2017
  • Я думаю, что JQuery включен правильно, так как он работает для области просмотра ‹ 768px. Кажется, это больше связано с моим пользовательским медиа-запросом CSS, который построен неправильно. 20.08.2017
  • Можете ли вы привести конкретный пример того, что вы пытаетесь сделать? Например, вы пытаетесь щелкнуть по какой ссылке, а затем по какой. Трудно уследить, где вы зацикливаетесь. 21.08.2017
  • @Gray, да, конечно: на самом деле, если учесть скрипку, которую я опубликовал, если вы щелкнете по первому раскрывающемуся списку, вы можете навести курсор на любой элемент этого раскрывающегося списка и щелкнуть по нему. Но если вы используете второй раскрывающийся список, вы увидите, что вы не можете навести курсор или щелкнуть любой элемент. Если вы это сделаете, будет выбрана и использована опция Clickable Link. Я бы хотел, чтобы второе раскрывающееся меню работало как первое. 21.08.2017
  • @ptitoliv, интересно, эта проблема не связана с браузером. У меня вроде нормально работает. Если я нажму значок «гамбургер», появится главное раскрывающееся меню. Я могу навести курсор и щелкнуть любую ссылку. Цвет текста меняется при наведении. Если я щелкну одну из двух ссылок с надписью «Раскрывающийся список», обе приведут к появлению вложенного раскрывающегося меню, содержащего ссылки на «Действие», «Другое действие», «Что-то еще здесь» и одну или несколько «Отдельных ссылок». Я могу навести курсор или щелкнуть любой из них и получить такое же поведение. Цвет текста меняется. Если я нажму на одну из этих вложенных ссылок, меню рухнет. 21.08.2017
  • Здесь я могу воспроизвести во всех браузерах, которые у меня есть (Firefox, Seamonkey и Chrome). Но ошибка возникает только тогда, когда мой медиа-запрос включен, что означает, когда размер области просмотра составляет от 768 пикселей до 991. Если вы меньше этого размера, стиль свертывания - это стиль для маленького экрана, а мой медиа-запрос не включен. 22.08.2017
  • Вы уверены, что это не проблема z-index? 22.08.2017
  • На самом деле я не знаю, как настроить z-index. 24.08.2017

Ответы:


1

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

Надеюсь, это поможет другим людям :)

07.09.2017
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..