問題タブ [bootstrap-popover]

ポップオーバー内のスター評価で css の問題が発生しています。css は無視されているようです。次のように js を使用してポップオーバーを初期化しています。

popoverContent :

ただし、コードを data-content 属性に直接配置すると、機能する可能性があると思います:

編集：私はちょうどそれを試しましたが、どちらもうまくいきませんでした:/

CSS を機能させる方法はありますか?

前もって感謝します。

これは、私が話していることを確認するためのフィドルサンプルです。

https://jsfiddle.net/66xL9sLr/

トリガーオプションを「フォーカス」に設定して、テキスト要素にブートストラップポップオーバーを使用しています。ポップオーバーの最大高さを 300px に設定し、overflow-y を auto に設定しました。IE では、マウス ホイールはポップオーバーをスクロールしますが、クリックするとポップオーバーが閉じます。IE は、クリックと同じようにクリックをスクロールに処理します。スクロールされている場合、ポップオーバーが閉じないようにしています。

jsbin へのリンクは次のとおりです: https://jsbin.com/reyocaweri/1/edit?html,css,js,output

値が1以外の場合、その特定の入力に対して無効であることを示すポップオーバーを表示する必要がある入力ボックスがいくつかあります。

私のコード

JavaScript

LIVE DEMO

jquery を使用してポップオーバーを閉じることができません。ユーザーが入力として 1 以外を入力すると、ポップオーバーが表示されます。

x シンボルを使用して特定のポップオーバーを閉じる必要があります。

またx、右端には表示されません。下に向かっています。上隅または右端に表示したいです。titleポップオーバーには使用したくありません

JQuery

デモ

上のスクリーン ショットに示すように、ポップオーバーの一部がブラウザの端に隠れています。

この問題を回避するための回避策はありますか。

ブートストラップのポップオーバーにカスタムヘッダーを追加する方法..以下のコードを使用しましたが、いくつかのリンクを含むカスタムヘッダーを追加したいと思います:

私は繰り返し可能な要素を備えた Angular のテンプレートに取り組んでいます。各要素にはポップオーバーがあります。テンプレートがレンダリングされると、すべてが正常に見えますが、ポップオーバーの配置が不安定に見えます。最初のポップオーバーの位置は正しいですが、後続のポップオーバーは間違った場所に固定されています。

ここに私のHTMLがあります:

次に、コントローラーで、ページが読み込まれると、次のようにポップオーバーを設定します。

問題を示すスクリーンショットを次に示します。

ご覧のとおり、最初のツールチップは正しく固定されています。ただし、後続のツールチップは横に固定されています。何が原因なのか見当もつきません。プロパティを修正するために (下記の CSS を参照).popoverの範囲内でクラスを微調整しようとしましたが、期待どおりに動作しませんでした。に適用 すると、最初のものを除いてすべてのツールチップが正しく固定されます。つまり、問題が逆転します。.tipsleftleft: -250px !important.popover

.tipsCSSは次のとおりです。

popover最後に、次のように関数にcontainer引数を渡そうとしました。

この同じ問題を解決するために以前に上記のトリックを使用しましたが、今回は機能していないようです。また、これを試したときに、要素に適切な ID を追加したことにも注意してください。

Bootstrap 3.3.5 ポップオーバーが機能しません。input-group-addon をホバリングしたときにポップオーバーが表示されるようにしたいのですが、何も起こりません。

私の現在のコード:

Javascript:

HTML

いろいろと試してみましたが、どうにもうまくいかないようです。正しい方向へのプッシュは大歓迎です。