Запитання з тегом «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 …

530 jquery  modal-dialog  twitter-bootstrap 

Я роблю веб-сайт для завантаження, з парою Bootstrap 'Modals'. Я намагаюся налаштувати деякі функції за замовчуванням. Проблема в цьому; Ви можете закрити модал, натиснувши на фон. Чи можливо деактивувати цю функцію? Тільки для мод specifc? Модальна сторінка завантаження

440 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> </div> </div> …

432 jquery  twitter-bootstrap  modal-dialog 

Я читав публікації тут, на сайті Bootstrap, і в Google, як з розуму, - але не можу знайти те, на що я впевнений, що це легка відповідь ... У мене є модаль Bootstrap, який я відкриваю з помічника link_to, як це: <%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => …

281 javascript  twitter-bootstrap  modal-dialog 

Це питання з двох частин: Як можна розташувати модаль вертикально в центрі, коли не знаєш точної висоти модала? Чи можливо мати модальний центр і мати переповнення: автоматично в модальному тілі, але тільки якщо модальний перевищує висоту екрана? Я спробував використовувати це: .modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { …

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 …

263 jquery  jquery-plugins  twitter-bootstrap  modal-dialog 

Я використовую діалогове вікно модального завантаження Twitter. Коли я натискаю кнопку подання у діалоговому вікні модального завантаження, він надсилає запит AJAX. Моя проблема полягає в тому, що модальний фон не зникає. Діалогове вікно Modal не зникає правильно, але натомість "модальний фон", який створює непрозорість на екрані, залишається Що я можу …

260 twitter-bootstrap  modal-dialog 

Я будую додаток, який повинен показувати діалог підтвердження в деяких ситуаціях. Скажімо, я хочу щось видалити, тоді я відправлю дію на зразок, deleteSomething(id)щоб якийсь редуктор схопив цю подію і заповнить діалоговий редуктор, щоб показати його. Мої сумніви виникають, коли це діалогове вікно подається. Як цей компонент може відправити належну дію …

240 javascript  modal-dialog  redux  react-redux 

Я працюю на веб-сайті за допомогою bootstrap. В основному, я хотів використати модал на домашній сторінці, викликаний кнопкою в підрозділі героїв. Код кнопки: <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> <h3 …

203 twitter-bootstrap  modal-dialog 

У завантажувальній програмі Twitter, дивлячись на документацію щодо модалів . Я не зміг зрозуміти, чи є спосіб прослухати близьку подію модалу та виконати функцію. наприклад, давайте взяти цей приклад як приклад: <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="#" …

191 jquery  twitter-bootstrap  modal-dialog 

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

186 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