Pytania otagowane jako modal-dialog

Użyłem kodu dla mojego modalu prosto z przykładu Bootstrap i dołączyłem tylko bootstrap.js (a nie bootstrap-modal.js). Jednak mój modal pojawia się pod szarym odcieniem (tło) i nie można go edytować. Oto jak to wygląda: Zobacz to skrzypce dla jednego poznać sposobów na odtworzenie tego problemu. Podstawowa struktura tego kodu jest …

576 javascript  css  twitter-bootstrap  modal-dialog 

Tworzę okno modalne za pomocą Twitter Bootstrap. Domyślne zachowanie jest takie, że jeśli klikniesz poza obszarem modalnym, modal zostanie automatycznie zamknięty. Chciałbym to wyłączyć - tzn. Nie zamykać okna modalnego, gdy klikniesz poza modułem. Czy ktoś może współdzielić kod jQuery, aby to zrobić?

549 jquery  twitter-bootstrap  modal-dialog  mouseclick-event 

Korzystam z biblioteki Twitter Bootstrap w nowym projekcie i chcę, aby część strony odświeżyła i pobrała najnowsze dane Json po zamknięciu modalnym. Nie widzę tego nigdzie w dokumentacji, ktoś mógłby mi to wskazać lub zaproponować rozwiązanie. Dwa problemy z użyciem udokumentowanych metod $('#my-modal').bind('hide', function () { // do something ... …

530 jquery  modal-dialog  twitter-bootstrap 

Tworzę stronę startową z kilkoma „Modalami” Bootstrap. Próbuję dostosować niektóre domyślne funkcje. Problem jest taki; Możesz zamknąć modal klikając na tło. Czy istnieje możliwość wyłączenia tej funkcji? Tylko w przypadku określonych modeli? Strona modalna Bootstrap

440 javascript  css  twitter-bootstrap  modal-dialog 

Mam modalne okno dialogowe ładowania początkowego, które chcę wyświetlić na początku, a następnie, gdy użytkownik kliknie stronę, znika. Mam następujące: $(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> </div> Modal jest …

432 jquery  twitter-bootstrap  modal-dialog 

Przeczytałem tutaj posty, stronę Bootstrap i Googled jak szalony - ale nie mogę znaleźć na pewno łatwej odpowiedzi ... Mam modal Bootstrap, który otwieram z pomocnika link_to w następujący sposób: <%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal", class: "btn btn-primary"} %> W mojej ContactsController.createakcji …

281 javascript  twitter-bootstrap  modal-dialog 

To jest dwuczęściowe pytanie: Jak ustawić modal pionowo w środku, gdy nie znasz dokładnej wysokości modalu? Czy możliwe jest wyśrodkowanie modalu i przepełnienie: auto w ciele modalnym, ale tylko wtedy, gdy modal przekroczy wysokość ekranu? Próbowałem użyć tego: .modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { height: 100% !important; …

270 css  twitter-bootstrap  modal-dialog  center 

Używam bootstrap z Twittera, określiłem modal <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> I linki <a href="http://www.website.com/item/1" data-target="#modal-item" data-toggle="modal">Edit 1</a> <a …

263 jquery  jquery-plugins  twitter-bootstrap  modal-dialog 

Korzystam z modalnego okna dialogowego bootstrap na Twitterze. Kiedy klikam przycisk Prześlij w modalnym oknie dialogowym ładowania początkowego, wysyła żądanie AJAX. Mój problem polega na tym, że tło modalne nie znika. Okno dialogowe modalne znika poprawnie, ale zamiast tego pozostaje „modalne tło w”, które tworzy krycie na ekranie Co mogę …

260 twitter-bootstrap  modal-dialog 

Tworzę aplikację, która w niektórych sytuacjach musi wyświetlać okno dialogowe potwierdzenia. Powiedzmy, że chcę coś usunąć, a następnie wyślę akcję taką, deleteSomething(id)aby jakiś reduktor przechwycił to zdarzenie i wypełnił okno dialogowe redukcji, aby je pokazać. Moje wątpliwości pojawiają się po przesłaniu tego okna dialogowego. W jaki sposób ten komponent może …

240 javascript  modal-dialog  redux  react-redux 

Pracuję na stronie internetowej za pomocą bootstrap. Zasadniczo chciałem użyć modalu na stronie głównej, przywołanego przyciskiem w Jednostce Bohatera. Kod przycisku: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Kod modalny: <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 id="myModalLabel">In Costruzione</h3> …

203 twitter-bootstrap  modal-dialog 

W bootstrapie na Twitterze przeglądanie dokumentacji modalnej . Nie byłem w stanie dowiedzieć się, czy istnieje sposób na odsłuchanie bliskiego zdarzenia modalu i wykonanie funkcji. np. weźmy ten modal jako przykład: <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 

Korzystam z jquery-ui-dialogwtyczki Szukam sposobu na odświeżenie strony, gdy w niektórych okolicznościach okno dialogowe jest zamknięte. Czy istnieje sposób na uchwycenie zdarzenia zamknięcia z okna dialogowego? Wiem, że mogę uruchomić kod po kliknięciu przycisku zamykania, ale nie obejmuje to użytkownika zamykającego za pomocą klawisza Escape lub znaku X w prawym …

186 javascript  jquery  jquery-ui  modal-dialog  jquery-ui-dialog 

Piszę okienko modalne i potrzebuję przeglądarki, aby przeskoczyła na górę ekranu po naciśnięciu przycisku Otwórz modal. Czy istnieje sposób przewijania przeglądarki do góry za pomocą jQuery?

186 javascript  jquery  css  modal-dialog 

Potrzebuję, aby nakładka pokazywała się nad pierwszym modułem, a nie z tyłu. Pokaż fragment kodu $('#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 / …

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