Вопросы с тегом «modal-dialog»

Я использовал код для моего модального кода прямо из примера Bootstrap и включил только bootstrap.js (а не bootstrap-modal.js). Тем не менее, мой модал появляется под серым цветом (фон) и не редактируется. Вот как это выглядит: Посмотрите эту скрипку для одного способа воспроизвести эту проблему. Основная структура этого кода выглядит следующим …

576 javascript  css  twitter-bootstrap  modal-dialog 

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

549 jquery  twitter-bootstrap  modal-dialog  mouseclick-event 

Я использую библиотеку Twitter Bootstrap в новом проекте, и я хочу, чтобы часть страницы обновляла и получала последние данные json при закрытии режима. Я не вижу этого нигде в документации, кто-то может указать мне или предложить решение. Две проблемы с использованием документированных методов $('#my-modal').bind('hide', function () { // do something …

530 jquery  modal-dialog  twitter-bootstrap 

Я делаю сайт начальной загрузки, с парой Bootstrap 'Modals'. Я пытаюсь настроить некоторые функции по умолчанию. Проблема в этом; Вы можете закрыть модальные, нажав на фон. Есть ли способ отключить эту функцию? Только на указанные модалы? Bootstrap модальная страница

441 javascript  css  twitter-bootstrap  modal-dialog 

У меня есть модальное диалоговое окно начальной загрузки, которое я хочу показать изначально, затем, когда пользователь нажимает на страницу, оно исчезает. У меня есть следующее: $(function () { $('#modal').modal(toggle) }); <div class="modal" id='modal'> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Error:</h3> </div> <div class="modal-body"> <p>Please correct the following errors:</p> …

432 jquery  twitter-bootstrap  modal-dialog 

Я читал посты здесь, на сайте Bootstrap и гуглил как сумасшедший - но не могу найти то, что, я уверен, является простым ответом ... У меня есть модальный Bootstrap, который я открываю из помощника link_to следующим образом: <%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal", …

282 javascript  twitter-bootstrap  modal-dialog 

Это вопрос из двух частей: Как вы можете расположить модально вертикально в центре, если вы не знаете точную высоту модала? Возможно ли иметь модальное центрирование и иметь переполнение: auto в модальном теле, но только если модальное стекло превышает высоту экрана? Я попытался с помощью этого: .modal-dialog { height: 80% !important; …

270 css  twitter-bootstrap  modal-dialog  center 

Я использую загрузчик Twitter, я указал модальный <div class="modal hide" id="modal-item"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">x</button> <h3>Update Item</h3> </div> <form action="http://www.website.com/update" method="POST" class="form-horizontal"> <div class="modal-body"> Loading content... </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> <button class="btn btn-primary" type="submit">Update Item</button> </div> </form> </div> И ссылки <a href="http://www.website.com/item/1" data-target="#modal-item" data-toggle="modal">Edit 1</a> …

263 jquery  jquery-plugins  twitter-bootstrap  modal-dialog 

Я использую модальное диалоговое окно начальной загрузки Twitter. Когда я нажимаю кнопку отправки в модальном диалоговом окне начальной загрузки, он отправляет запрос AJAX. Моя проблема в том, что модальный фон не исчезает. Модальное диалоговое окно действительно исчезает правильно, но вместо этого остается «модальный фон в», который создает непрозрачность на экране. …

260 twitter-bootstrap  modal-dialog 

Я создаю приложение, которое должно показывать диалог подтверждения в некоторых ситуациях. Допустим, я хочу что-то удалить, затем я отправлю действие, подобное тому, deleteSomething(id)чтобы какой-то редуктор перехватил это событие и заполнил редуктор диалога, чтобы показать его. Мое сомнение приходит, когда этот диалог подчиняется. Как этот компонент может отправлять правильное действие в …

240 javascript  modal-dialog  redux  react-redux 

Я работаю над сайтом с помощью начальной загрузки. По сути, я хотел использовать модал на домашней странице, вызванный кнопкой в ​​Hero Unit. Код кнопки: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Модальный код: <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> …

204 twitter-bootstrap  modal-dialog 

В Твиттере начальная загрузка, просматривая модальную документацию. Я не смог выяснить, есть ли способ прослушать событие закрытия модального режима и выполнить функцию. Например, давайте возьмем этот модал в качестве примера: <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <a href="#" class="btn …

191 jquery  twitter-bootstrap  modal-dialog 

Я использую jquery-ui-dialogплагин Я ищу способ обновить страницу, когда в некоторых случаях диалоговое окно закрыто. Есть ли способ зафиксировать событие закрытия из диалогового окна? Я знаю, что могу запускать код при нажатии кнопки закрытия, но это не касается закрытия пользователя с помощью escape или x в правом верхнем углу.

187 javascript  jquery  jquery-ui  modal-dialog  jquery-ui-dialog 

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

186 javascript  jquery  css  modal-dialog 

Мне нужно, чтобы наложение показывалось над первым модалом, а не сзади. Показать фрагмент кода $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the dialog / modal …

185 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  modal-dialog