問題タブ [bootstrap-popover]

ウィンドウのサイズ変更時にトリガー要素から浮き上がらないように、ブートストラップ ポップオーバーをどのように配置しますか?

ヒントをポップオーバーの上端、つまり角の近くに移動するには、どの css を適用する必要がありますか?

次のオプションを設定していますが、ポップオーバーを右ではなく左に配置します。

html:

イベントがクリックされたときにポップオーバーを開く必要があり、外側のどこかをクリックすると閉じられるはずなので、フォーカストリガーでポップオーバーを使用していますが、イベントの外側をクリックしても閉じられません

以下は私が使用しているjsコードです

以下はjsフィドルのリンクです: https://jsfiddle.net/kd7e2xpc/2/

Bootstrap Popovers を使用して、UI に「ヘルプ テキスト」を提供しています。

私の既存のJavaScript:

マウスでホバーするか要素に触れると、ポップオーバーが表示されます。私の問題はアンカータグ要素にあります。ポップオーバーがタッチ イベントによってトリガーされる場合:

1. リンクをたどらない
2. ポップオーバー テキストにアンカー タグ要素を追加して、基になるリンクへのアクセスを提供します。

私はポップオーバーを呼び出しからのデータで埋めたいと思っていbuttonsます。clickajax

私がやった事

これで、ポップオーバーを切り替えて、目的のデータを取得する関数を実行できます。

ポップオーバーが正しく開き、ajax データが正しく追加されます。しかし、問題は、ポップオーバーが開いたままになり、それ以上閉じることができないことです。

ポップオーバーで検索オプションを作成しようとしています。

AJAX を使用してこれらのポップオーバーをページに読み込みます。

私のポップオーバーコード:

});

私の検索機能:

行が見つかりません。理由がわかりません。この方法を修正したり、他のオプションを提供したりするのを手伝ってくれる人はいますか?

Tnx。

Bootstrap3 の「ポップオーバー」で作業しています。ここでは、以下のような HTML コンテンツを配置しました。

data-content 属性内にある html 要素を参照できません。

以下のように、

しかし、ブートストラップ クラスが適用されています。この場合、「btn」がアンカー タグに適用されています。jsFiddle を添付します。誰かが私にこれを説明できますか?

次のブーストラップ ポップオーバーがあります。Firefox と Chrome では動作しますが、IE10 では表示されないようです。

私のjquery呼び出し：

ブートストラップ 3.3.5を使用しています。

ユーザーが左から右への言語 (英語、フランス語、ドイツ語など) から右から左への言語 (アラビア語、ヘブライ語など) を切り替えることができるテスト ページがあります。

私が抱えている問題は、ブートストラップ ポップオーバーが右から左への言語で正しく表示されないことです。

ユーザーが右から左への言語でページを表示している場合は、rtl ブートストラップ css ページを取り込みます。それ以外の場合は、左から右への css ページが使用されます。

たとえば、右から左へのブートストラップ CSS は次のとおりです。

左から右へのブートストラップ CSS は次のとおりです。

以下は、左から右への言語でのポップオーバーの視覚的表示です。

これは、右から言語へのポップオーバーの視覚的な表示ですが、正しく表示されていません (ポップオーバーの矢印と位置は、左から右への言語/css を使用しているかのようです)。

翻訳ファイル/リンクにはまだ配置していないため、右から左へのポップオーバーの内容は無視してください。

これについて SO と Google を検索しましたが、この問題への参照を見つけることができませんでした。この問題を修正するための提案はありますか?

私のコードでは、divJQuery を使用してさまざまなコンテンツ タイプをロードするために使用する があります。div にロードした新しいコンテンツにはポップオーバーがあります。問題は、新しいコンテンツを にロードしたときにポップ オーバーが消えないことですdiv。それらは新しいコンテンツに追加されます。

新しいコンテンツが にロードされたときにそれらを非表示にするにはどうすればよいdivですか?

HTML