Hari ini saya menerima bug yang kompatibel yang dikirimkan oleh grup program. Saat menggunakan kotak modal untuk memuat kontrol tanggal di Firefox, saya tidak memiliki efek (tidak dapat mengklik), tetapi itu bagus di Google.
Ide untuk Pemecahan Masalah:
1. Tempatkan kontrol waktu pada lapisan utama halaman saat ini dan lulus tes
2. Tempatkan kontrol waktu di halaman pemuatan AJAX, dan tes lulus
3. Tempatkan kontrol waktu di lapisan terluar kotak modal, tanpa lewat
Alasan utama adalah bahwa hubungan hierarkis antara kotak modal dan menu pull-down waktu (z-index). Karena kontrol waktu dihasilkan oleh file bootstrap control.js, modifikasi pada halaman dan lembaran gaya CSS tidak valid. Ada file control.js waktu yang secara langsung memodifikasi kontrol waktu bootstrap. Namun, ada terlalu banyak versi bootstrap, sehingga tidak disarankan untuk memodifikasi file ini.
Larutan:
Hapus atribut TabIndex = "-1" Role = "Dialog" dari lapisan terluar dari kotak paling modal, serta bentuk bootstrap-validator di lapisan bentuk.
Sebelum menghapus
<div id="editor" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"><div ><div><div><button type="button" data-dismiss="modal" id="topClose"><span aria-hidden="true">×</span><span>Close</span></button><h4>Please select the prize used in this Round </h4> </div> <div style = "Min-height: 400px; padding: 0 20px 20px 20px;"> <form id = "AwardForm" Metode = "POST" ACTION = "$ {base} /activity/ajax_add_award_settings.json">Setelah dilepas
<Div ID = "Editor"> <div> <div> <div> <div> <tombol type = "tombol" data-dismiss = "modal" id = "topclose"> <span aria-hidden = "true"> × </span> <span> tutup </span> </butt> <h4> Harap pilih hadiah yang digunakan dalam putaran ini </h4> </span> </butt> <h4> Harap pilih hadiah yang digunakan dalam putaran ini </h4> </span> </butt> <h4> Harap pilih hadiah yang digunakan dalam putaran ini </h4> </span> </butt>: 20px 20px; "> <Form id =" AwardForm "Method =" Post "Action =" $ {base} /Activity/AJAX_ADD_AWARD_SETTINGS.JSON ">Di atas adalah solusi (Firefox) yang dikendalikan oleh kontrol tanggal Bootstrap kepada Anda. Menu drop-down waktu tidak valid di kotak modal. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!