今日、私はプログラムグループから提出された互換性のあるバグを受け取りました。モーダルボックスを使用してFirefoxに日付制御をロードする場合、効果はありません(クリックできません)が、Googleでは良いです。
トラブルシューティングのアイデア:
1.現在のページのメインレイヤーにタイムコントロールを配置すると、テストが渡されます
2。AJAXの読み込みページにタイムコントロールを配置すると、テストが渡されます
3。通過せずに、モーダルボックスの最も外側の層にタイムコントロールを配置します
主な理由は、モーダルボックスとタイムプルダウンメニュー(z-index)の階層的な関係です。時間制御はBootstrap Control.jsファイルによって生成されるため、ページの変更とCSSスタイルシートの変更は無効です。 Bootstrap Time Controlを直接変更するTime Control.jsファイルがあります。ただし、ブートストラップにはバージョンが多すぎるため、このファイルを変更することはお勧めしません。
解決:
tabindex = "-1" role = "ダイアログ"最もモーダルボックスの最も外側のレイヤーの属性と、フォームレイヤーのブートストラップバリダーター形式を削除します。
取り外す前に
<div id = "editor" tabindex = "-1" role = "dialog" aria-labelledby = "mylargemodallabel"> <div> <div> <div> <div> <div> <button = "button" data-dismis = "modal" id = "topclose"> <span aria-hidden = "true"> x round </h4> </div> <div style = "min-height:400px; padding:0 20px 20px 20px;"> <form id = "awardform" method = "post" action = "{base}/activity/ajax_add_award_settings.json">取り外し後
<div id = "editor"> <div> <div> <div> <div> <div> <button type = "button" data-dismiss = "modal" id = "topclose"> <span aria-hidden = "true">×</span> <span> close </span> </button> <h4> 20px 20px; "> <form id =" awardform "method =" post "action =" $ {base}/activity/ajax_add_award_settings.json ">上記は、ブートストラップの日付制御が紹介したソリューション(Firefox)です。モーダルボックスでは、ドロップダウンメニューが無効です。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!