Pertanyaan yang diberi tag «modal-dialog»

Saya telah menggunakan kode untuk modal saya langsung dari contoh Bootstrap, dan hanya menyertakan bootstrap.js (dan bukan bootstrap-modal.js). Namun, modal saya muncul di bawah abu-abu pudar (latar belakang) dan tidak dapat diedit. Begini tampilannya: Lihat biola ini untuk satu cara mereproduksi masalah ini. Struktur dasar dari kode itu adalah seperti …

576 javascript  css  twitter-bootstrap  modal-dialog 

Saya membuat jendela modal menggunakan Twitter Bootstrap. Perilaku default adalah jika Anda mengklik di luar area modal, modal akan secara otomatis ditutup. Saya ingin menonaktifkan itu - yaitu tidak menutup jendela modal ketika mengklik di luar modal. Bisakah seseorang membagikan kode jQuery untuk melakukan ini?

549 jquery  twitter-bootstrap  modal-dialog  mouseclick-event 

Saya menggunakan lib Bootstrap Twitter pada proyek baru dan saya ingin sebagian halaman menyegarkan dan mengambil data json terbaru tentang modal tutup. Saya tidak melihat ini di mana saja dalam dokumentasi yang dapat seseorang tunjukkan kepada saya atau menyarankan solusi. Dua masalah dengan menggunakan metode yang didokumentasikan $('#my-modal').bind('hide', function () …

530 jquery  modal-dialog  twitter-bootstrap 

Saya membuat situs web bootstrap, dengan beberapa 'Modals' Bootstrap. Saya mencoba menyesuaikan beberapa fitur default. Masalahnya adalah ini; Anda dapat menutup modal dengan mengklik pada latar belakang. Apakah ada cara untuk menonaktifkan fitur ini? Hanya pada modif tertentu? Halaman modal bootstrap

440 javascript  css  twitter-bootstrap  modal-dialog 

Saya memiliki kotak dialog modal bootstrap yang ingin saya tunjukkan pada awalnya, kemudian ketika pengguna mengklik pada halaman, itu menghilang. Saya memiliki yang berikut ini: $(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 

Saya sudah membaca posting di sini, situs Bootstrap, dan di-Google-kan dengan gila - tetapi tidak dapat menemukan jawaban yang saya yakin mudah ... Saya memiliki modal Bootstrap yang saya buka dari pembantu link_to seperti ini: <%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal", class: "btn …

282 javascript  twitter-bootstrap  modal-dialog 

Ini adalah pertanyaan dua bagian: Bagaimana Anda bisa memposisikan modal secara vertikal di tengah ketika Anda tidak tahu ketinggian yang tepat dari modal? Mungkinkah modal terpusat dan meluap: otomatis di badan modal, tetapi hanya jika modal melebihi ketinggian layar? Saya sudah mencoba menggunakan ini: .modal-dialog { height: 80% !important; padding-top:10%; …

270 css  twitter-bootstrap  modal-dialog  center 

Saya menggunakan bootstrap Twitter, saya telah menentukan 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> Dan tautannya <a href="http://www.website.com/item/1" data-target="#modal-item" data-toggle="modal">Edit …

263 jquery  jquery-plugins  twitter-bootstrap  modal-dialog 

Saya menggunakan dialog Modal bootstrap Twitter. Ketika saya mengklik tombol kirim dari dialog modal bootstrap, itu mengirimkan permintaan AJAX. Masalah saya adalah bahwa modal-backdrop tidak hilang. Dialog Modal menghilang dengan benar, tetapi "modal-backdrop in" yang membuat opacity pada layar tetap ada Apa yang dapat saya?

260 twitter-bootstrap  modal-dialog 

Saya sedang membangun aplikasi yang perlu menampilkan dialog konfirmasi dalam beberapa situasi. Katakanlah saya ingin menghapus sesuatu, maka saya akan mengirimkan tindakan seperti deleteSomething(id)beberapa peredam akan menangkap peristiwa itu dan akan mengisi peredam dialog untuk menunjukkannya. Keraguan saya muncul ketika dialog ini dikirimkan. Bagaimana komponen ini mengirimkan tindakan yang tepat …

240 javascript  modal-dialog  redux  react-redux 

Saya sedang mengerjakan situs web menggunakan bootstrap. Pada dasarnya, saya ingin menggunakan modal di halaman rumah, dipanggil oleh tombol di Unit Pahlawan. Kode tombol: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Kode modal: <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 

Di bootstrap Twitter, lihat dokumentasi modals . Saya tidak bisa mencari tahu apakah ada cara untuk mendengarkan acara tutup modal dan menjalankan fungsi. mis. mari kita ambil modal ini sebagai contoh: <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 

Saya menggunakan jquery-ui-dialogplugin Saya mencari cara untuk menyegarkan halaman ketika dalam beberapa keadaan ketika dialog ditutup. Apakah ada cara untuk menangkap acara dekat dari dialog? Saya tahu saya dapat menjalankan kode ketika tombol tutup diklik tetapi itu tidak mencakup penutupan pengguna dengan melarikan diri atau x di sudut kanan atas.

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

Saya sedang menulis popup modal dan saya perlu browser untuk melompat ke atas layar ketika tombol modal terbuka ditekan. Apakah ada cara untuk menggulir browser ke atas menggunakan jQuery?

186 javascript  jquery  css  modal-dialog 

Saya perlu bahwa tampilan menunjukkan di atas modal pertama, bukan di belakang. Tampilkan cuplikan kode $('#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