タグ付けされた質問 「bootstrap-modal」

モーダルをビューポートの中央に配置したい（中央）私はいくつかのcssプロパティを追加しようとしました .modal { position: fixed; top:50%; left:50%; } 私はこの例を使用していますhttp://jsfiddle.net/rniemeyer/Wjjnd/ 私は試した $("#MyModal").modal('show').css( { 'margin-top': function () { return -($(this).height() / 2); }, 'margin-left': function () { return -($(this).width() / 2); } })

181 javascript  twitter-bootstrap  bootstrap-modal 

ページにモーダルがあります。ウィンドウが読み込まれるときにそれを呼び出そうとすると、コンソールに次のエラーが表示されます： $(...).modal is not a function これは私のモーダルHTMLです。 <div class="modal fade" id="prizePopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <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" id="myModalLabel"> This Modal title </h4> </div> <div class="modal-body"> Add some text here </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> …

108 javascript  jquery  html  bootstrap-modal 

tabindexBootstrap 3 の属性は何ですか？ 彼らは実際にすべてのモーダルでそれらを使用していますが、そのドキュメントはそれらについて何も述べていません。 私はそれをその使用に関してのみ見つけました、それは本当にあまり言いません キーボードおよび支援技術ユーザー向けのアクセス可能なツールチップ キーボードで操作するユーザー、特に支援技術のユーザーの場合、リンク、フォームコントロール、またはtabindex = "0"属性を持つ任意の要素などのキーボードフォーカス可能な要素にのみツールチップを追加する必要があります。 そして、属性がでない場合、モーダルを非表示にするように押すことができないことがesctabindex-1わかりました。 escキーを押した後のモーダル終了（tabindexを使用） escキーを押した後にモーダルが閉じない（tabindexなし）

100 twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

iOS 11サファリでは、入力テキストボックスカーソルは入力テキストボックスの外側にあります。なぜこの問題が発生しているのかわかりませんでした。ご覧のとおり、フォーカスされたテキストボックスは電子メールのテキスト入力ですが、カーソルはその外側にあります。これはiOS11Safariでのみ発生します

85 html  ios  bootstrap-modal  mobile-safari  ios11 

ブートストラップモデルの入力ボックスへのJavaScript変数の読み込みに問題があります。 setTimeout(function() { swal({ title: "OverTime Status!", text: "You Need to get Sub OT Approval " + data.value + " Hours to Time allocate in the department", type: "warning", confirmButtonText: "OK" }, function(isConfirm) { if (isConfirm) { $('#hours_work').val(data.value); //data.value alert the correct value in here.but this value not load in …

13 javascript  php  input  bootstrap-modal  sweetalert