«modal-dialog» etiketlenmiş sorular

Kullanıcıya önemli bilgileri görüntülemek için kullanılan grafiksel bir iletişim kutusunu ifade eder. Bu iletişim kutuları diğer tüm içeriğin üzerinde görünür ve kullanıcı girişi alınana kadar uygulama akışını engeller.

30
Arka plan altında görünen Bootstrap kalıcı
Kodumu doğrudan Bootstrap örneğinden kullandım ve sadece bootstrap.js'yi (ve bootstrap-modal.js'yi değil) dahil ettim. Bununla birlikte, modelim gri solgunluk (zemin) altında görünüyor ve düzenlenemez. İşte böyle görünüyor: Bu sorunu yeniden oluşturmanın bir yolu için bu kemana bakın . Bu kodun temel yapısı şöyledir: <body> <p>Lorem ipsum dolor sit amet.</p> <div class="my-module"> …


11
Bir işlevi Twitter Bootstrap Modal'a bağlama
Twitter Bootstrap lib'i yeni bir projede kullanıyorum ve sayfanın bir kısmının modal kapanıştaki en son json verilerini yenilemesini ve almasını istiyorum. Belgenin herhangi bir yerinde bunu görmüyorum, birisi bana işaret edebilir veya bir çözüm önerebilir. Belgelendirilmiş yöntemlerin kullanımıyla ilgili iki sorun $('#my-modal').bind('hide', function () { // do something ... }); …


25
Bootstrap Modunu Kapat
Başlangıçta göstermek istediğim bir bootstrap kalıcı iletişim kutusu var, daha sonra kullanıcı sayfayı tıkladığında kayboluyor. Şunlara sahibim: $(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 başlangıçta görüntülenir, ancak modalın …

24
Javascript ile Bootstrap modal nasıl gizlenir?
Buradaki mesajları okudum, Bootstrap sitesi ve deli gibi Googled - ama emin olduğum şeyi bulamıyorum kolay bir cevap ... Ben böyle bir link_to yardımcı açmak bir Bootstrap modal var: <%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal", class: "btn btn-primary"} %> Benim ContactsController.createeylem, ben oluşturur …

30
Bootstrap 3 mod dikey konum merkezi
Bu iki bölümlü bir soru: Kipin tam yüksekliğini bilmediğinizde kipi nasıl ortada dikey olarak konumlandırabilirsiniz? Kipin ortalanması ve taşması mümkündür: kipin gövdesinde otomatik, ancak kipin ekran yüksekliğini aşarsa? Bunu kullanarak denedim: .modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { height: 100% !important; overflow:visible; } .modal-body { height: 80%; overflow: …

22
Twitter bootstrap uzaktan mod her seferinde aynı içeriği gösterir
Twitter bootstrap kullanıyorum, bir mod belirledim <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> Ve bağlantılar <a href="http://www.website.com/item/1" data-target="#modal-item" data-toggle="modal">Edit 1</a> <a …

30
Twitter bootstrap modal-backdrop kaybolmuyor
Twitter bootstrap Modal iletişim kutusunu kullanıyorum. Bootstrap kalıcı iletişim kutusunun gönder düğmesine tıkladığımda bir AJAX isteği gönderir. Benim sorunum, kalıcı fonun kaybolmaması. Kalıcı iletişim kutusu doğru bir şekilde kaybolmaz, bunun yerine ekranda opaklık oluşturan "kalıcı arka plan" Ne yapabilirim?

5
Redux'da eşzamansız eylemler gerçekleştiren kalıcı bir iletişim kutusunu nasıl görüntüleyebilirim?
Bazı durumlarda bir onaylama iletişim kutusu göstermesi gereken bir uygulama oluşturuyorum. Diyelim ki bir şeyi kaldırmak istiyorum, o zaman deleteSomething(id)bazı redüktör o olayı yakalayacak ve göstermek için iletişim redüktörünü dolduracak gibi bir eylem göndereceğim . Şüphem bu diyalog gönderildiğinde gelir. Bu bileşen, gönderilen ilk eyleme göre uygun eylemi nasıl gönderebilir? …

27
Bootstrap Modal hemen kayboluyor
Bootstrap kullanan bir web sitesinde çalışıyorum. Temel olarak, ana sayfada, Kahraman Birimi'ndeki düğmeyle çağrılan bir yöntem kullanmak istedim. Düğme kodu: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Kalıcı kod: <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> </div> …

4
Twitter Bootstrap'taki modal kapanış etkinliği nasıl ele alınır?
Twitter bootstrap'ta, modals belgelerine bakın. Kipin yakın olayını dinlemenin ve bir işlevi yerine getirmenin bir yolu olup olmadığını anlayamadım. örneğin bu yöntemi örnek olarak alalım: <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 close_link" data-dismiss="modal">Close</a> </div> Üstteki X …



28
Çoklu modüler kaplama
Yer paylaşımının arkada değil, ilk modalın üzerinde gösterilmesine ihtiyacım var. Kod snippet'ini göster $('#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 goes …

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.