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

Невозможно сделать диалог начальной загрузки немодальным

Я пытаюсь создать диалог с помощью Bootstrap 3.2.0. У меня они работают нормально кроме тех, которые я хочу сделать немодными. Я установил для атрибута data-backdrop значение false и попробовал некоторые из предложений, которые нашел в Интернете, например, отключение события фокуса:

$(document).off("focusin.bs.modal");

и/или удаление класса modal-open из тега body.

После выполнения этих действий вы по-прежнему можете видеть контент в окне, но пользователь вообще не может взаимодействовать с ним в Chrome и Firefox, в то время как в IE 10 они могут в некоторой степени.

Можно ли создать действительно немодальный диалог с помощью Bootstrap?

dialog twitter-bootstrap-3 modeless
27.04.2015

  • Вы имеете в виду как в этом примере? 27.04.2015
  • Да, этот пример точно демонстрирует проблему. В Chrome и Firefox вы не можете нажать кнопку еще раз, когда диалоговое окно открыто. Но в IE 10 можно. 29.04.2015

Ответы:


1

Да, это может быть выполнено. См. эту демоверсию.

В модальном div добавьте класс для немодального:

<div class="modal fade modeless" ...

Затем добавьте для него CSS:

.modeless{
    top:10%;
    left:50%;
    bottom:auto;
    right:auto;
    margin-left:-300px;
}

Обратите внимание, что margin-left - это то, что центрирует его. Размер по умолчанию для модального окна bs составляет 600 пикселей для экранов шириной более 768 пикселей. Вам нужно будет настроить его для любого модального окна, которое вы используете, и, вероятно, было бы неплохо добавить несколько медиа-запросов для покрытия точек останова, если это необходимо.

HTH - Тед

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