問題タブ [bootstrap-popover]

私は Twitter BootStrap の初心者で、次の問題があります。

この例を JSP ページに実装しようとしています: http://www.w3schools.com/bootstrap/bootstrap_popover.asp

したがって、このコードを JSP ページに単純に追加しました。

そして、この JQuery 関数を、前の JSP ページにインポートされた JavaScript ファイルに追加しました。

問題は、それが機能せず、ボタンをクリックしてもポップオーバー ウィンドウが表示されず、URL にhttp://localhost:8080/WIFIPNSD/validazione#があり、ページが一番上までスクロールされることです。

なんで？私は何が欠けていますか？この問題を修正して、このポップオーバー ウィンドウを表示するにはどうすればよいですか?

「li」からクラスを削除しようとしていますが、うまくいきません。これが私の機能です：

アラートを入れることで「選択」が解除されていることが確認できます。しかし、何らかの理由で、実際の「li」には影響しません。

jsfiddle は次のとおりです: http://jsfiddle.net/87xswem7/9/。しかし、何らかの理由で、jsFiddle は setStore() 関数を見つけることができません。

ポップオーバーを作成する方法は次のとおりです。

そして、これがhtmlの私の入力ボックスです:

私は fabricjs を使用して angularjs で Web アプリを開発し、ブートストラップ ポップオーバーを使用して、ユーザーがキャンバス オブジェクト (椅子オブジェクトのあるテーブル) の上にいるときにカスタム メッセージを表示し、マウスがオブジェクト(テーブル) の外にあるときにそれを非表示にします。

問題は、マウスがオブジェクトの上に移動するたびにポップオーバーが表示されないことです。あるオブジェクトから別のオブジェクトにマウスをすばやく移動すると、ポップオーバーが表示されません。あるオブジェクトから別のオブジェクトにマウスを非常にゆっくりと移動する必要がありますポップオーバーが表示されるようにします。

以下は、ポップオーバーを作成して表示するメインのスニペットを示しています。

/マウス: オーバー イベントを作成し、ポップオーバー メッセージを表示します/

/*ポップオーバーを破棄します */

どんな助けでも大歓迎です。

私はこのデモに取り組んでいます。ボタンでポップアップを閉じた後、最初のクリックでポップアップが機能しない理由を見つけようとしてい.closeます。

なんらかの理由で、閉じるボタンはここでは機能しません。すでにこの投稿を見ましたが、それは別の方法です。

次のようにブートストラップポップオーバーがあります

画面解像度が変化すると、入力要素との相対位置が変化することがわかりました。解像度に関係なく、ポップオーバーと入力要素の相対位置を同じに維持したい。これを行う方法はありますか？

ページにほぼ同じ複数の div があります。それらはすべて内部にグラフを持っています。ホバーしたときにポップオーバーが表示されるようにしたいです。

ポップオーバーが表示可能かどうかを div ごとに決定したい。"diplay: false" などのオプション内に含めることができるプロパティはありますか?

HTML

JS

React - Bootstrapでオーバーレイ トリガーを使用してポップオーバーを実装しようとしています。

このように見えるはずです

このコードを使用して実装しました：

Inspect-Element を使用してそれらを比較しました。.popover要素を調べたときに、実装用のスタイリングがないことに気付きました。また、元pseudo ::afterのコンポーネントの直後に要素がありarrowます（反応ブートストラップWebサイトの例）。その::afterコンポーネントも私の実装にはありません。スタイルが台無しになっている/上書きされている理由がわかりません。次の行に従って、私が思うすべてを正しく含めています。

結局、私の実装ではポップオーバーの小さな矢印が見えません。なぜ::after消えているのですか？実装で小さな矢印 (三角形の css) を表示するにはどうすればよいですか?