タグ付けされた質問 「popover」

30
外部をクリックしてTwitterブートストラップポップオーバーを閉じる方法は?
モーダルと同じように、ポップオーバーを非表示にできますか?ユーザーがそれらの外のどこかをクリックしたときにそれらを閉じますか? 残念ながら、ポップオーバーの代わりに実際のモーダルを使用することはできません。これは、モーダルがposition:fixedを意味し、もはやポップオーバーではなくなるためです。:(

12
Twitter Bootstrapポップオーバー内のHTML
ブートストラップポップオーバー内にHTMLを表示しようとしていますが、どういうわけか機能しません。ここでいくつかの回答を見つけましたが、うまくいきません。私が何か間違ったことをしている場合はお知らせください。 <script> $(function(){ $('[rel=popover]').popover({ html : true, content: function() { return $('#popover_content_wrapper').html(); } }); }); </script> <li href="#" id="example" rel="popover" data-content="" data-original-title="A Title"> popover </li> <div id="popover_content_wrapper" style="display: none"> <div>This is your div content</div> </div>

23
ブートストラップポップオーバーの幅を変更する
Bootstrap 3を使用してページをデザインしていますplacement: right。入力要素でポップオーバーを使用しようとしています。新しいBootstrapを使用するform-controlと、基本的に全幅の入力要素を使用できます。 HTMLコードは次のようになります。 <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My popover content.My popover content.My popover content." /> </div> </div> 私の意見では、ポップオーバーの幅は低すぎます。divに残っている幅がないためです。左側に入力フォーム、右側にワイドポップオーバーが必要です。 ほとんどの場合、Bootstrapをオーバーライドする必要がないソリューションを探しています。 添付されたJsFiddle。2番目の入力オプション。jsfiddleをあまり使用していないのでわかりませんが、結果を表示するには出力ボックスのサイズを大きくしてみてください。小さい画面では表示されません。 http://jsfiddle.net/Rqx8T/

8
Twitterのポップオーバーのコンテンツとしてdivを使用することは可能ですか
ここでは、Twitterのブートストラップのポップオーバーを使用しています。現在、ポップオーバーテキストをスクロールすると、<a>のdata-content属性のテキストのみが表示されたポップオーバーが表示されます。とにかく<div>ポップオーバーの中に入れてもらえるかなと思っていました。可能性としては、そこでphpとmysqlを使用したいのですが、divを動作させることができれば、残りを理解できると思います。データコンテンツをdivIDに設定しようとしましたが、機能しませんでした。 HTML: <a class='danger' data-placement='above' rel='popover' data-content='#PopupDiv' href='#'>Click</a>

15
ブートストラップポップオーバーがすべての要素の上に表示されない
私はブートストラップサイトで作業しており、2.0からブートストラップ2.2に更新した後、ポップオーバー以外はすべて機能しました。 ポップオーバーは引き続き正常に表示されますが、他のすべての要素の上に表示されるわけではありません。 <div> // this sits on top of the popover. this did not happen before cleaning up scripts. <div> //popover shows on top of this <div> //popover shows on top of this //link here with popover in it. </div> </div> </div> 誰もがポップオーバーの動作が変更された理由、またはどうすればそれを修正できるかについて何か考えがありますか?ありがとう。

8
ブートストラップポップオーバー内にフォームが含まれていますか?
<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JSfiddle フォームのコンテンツをJavaScript関数内に保存すると思います... ブートストラップポップオーバー内にフォームを含めるにはどうすればよいですか?

16
jQuery検証通知にTwitterBootstrapポップオーバーを使用する方法は?
ブートストラップを使用してポップオーバーを簡単に表示できます。また、標準のjQuery検証プラグインまたはjQuery検証エンジンを使用して検証を行うこともできますが、一方を他方にフィー​​ドする方法がわかりません。 必要なのは、通知を表示したいときにバリデーターによって呼び出されるフックであり、メッセージとターゲット要素をポップオーバーに渡すクロージャーを与えることだと思います。これは一種の依存性注入のようです。 理論的にはすべて素晴らしいですが、そのフックがどこにあるのか、またはいずれかの検証エンジンにフックが存在する場合でも、私にはわかりません。どちらも、エラータイプ(必ずしもメッセージテキストは必要ありません)とそれに関連する要素だけが必要な場合に、配置、ラッパー、スタイルに関するあらゆる種類の精巧なオプションを使用して通知を表示する責任を負うことを意図しているようです。に。個々の通知ではなく、フォーム全体のフックを見つけました。 動的に作成されたフォームとうまく連携するため、クラスを使用してルールを定義する検証システムの方がはるかに好きです。 誰かが解決策やより良いアイデアを持っていますか?

11
ウィンドウの端に対するポップオーバーのX位置に基づいて、ブートストラップポップオーバーの位置を変更しますか?
私はインターネットを広範囲にわたって精査しましたが、このスタックオーバーフローの投稿は洞察に満ちていることがわかりましたが、画面の幅に基づいてBootstrapポップオーバーの位置を変更することは可能ですか?、それでも私の質問に答えられませんでした。おそらく、位置/オフセットを理解するのに苦労したためです。 これが私がやろうとしていることです。ホットスポットポップオーバーがビューポートを超えて配置されない限り、Twitter Bootstap Popoverの位置を右にしたいので、左に配置します。ホットスポットのあるiPadWebアプリを作成しています。ホットスポットを押すと情報が表示されますが、水平スクロールがロックされているときにビューポートの外に表示されたくありません。 私はそれが次のようになると思っています: $('.infopoint').popover({ trigger:'hover', animation: false, placement: wheretoplace }); function wheretoplace(){ var myLeft = $(this).offset.left; if (myLeft<500) return 'left'; return 'right'; } 考え?ありがとう!
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.