問題タブ [bootstrap-popover]

次の構成/初期化を使用したブートストラップ ポップオーバーがあります。

と

ポップオーバーがトリガーされます。しかし、ポップオーバーが 2 回目に表示された後、それは 1 秒間表示され、すぐに消えます。その後、ポップオーバー要素は破棄されます。

bootstrap.js をデバッグした後、「表示」アクションの後に「非表示」アクションも「破棄」アクションもトリガーされていないと言えます。

編集：

わかりました、修正しました... 1 つのポップオーバーが表示される前に、「hideAll」メソッド (これには、表示する必要があるポップオーバーが含まれます) が呼び出されました。アニメーションがフェードアウトするため、1つのポップオーバーの非表示がブートストラップによって非同期的に呼び出されると思います。

今、私は hideAll からの特定のポップオーバーを除いて...そしてすべて正常に動作します

カスタム bs ポップオーバーを作成しましたが、正常に動作しています。見せながらアニメ化したい。カスタム アニメーションを指定するにはどうすればよいですか? 以下に示すように、コードは非常に単純です。

いくつかのブートストラップ ポップオーバーを含む jsf ページがあります。これらのポップオーバーは、jQuery を使用してドラッグできます。

ボタンをクリックしてモーダルを表示すると、画面に表示されますが、モーダルの上にポップオーバーが表示され続けます。これが私のことを説明する画像です。

私は、bootstrap.css で、ポップオーバーの z-index がモーダルよりも大きいことに気付きました (最初は1060で、2 番目は1050です)。モーダルの z-index を変更して、より大きな値を設定しようとしましたが、うまくいきませんでした。

だから、誰かがこの問題に直面したのではないかと思っています。

現在、私は複数ステップのフォームを持つ Web アプリケーションに取り組んでいます。jquery validate plugin でフォームの各部分を検証しています。また、ポップオーバーとして検証メッセージが必要でした。このために、jquery validate ポップオーバー プラグインを使用しました。両方のライブラリが私の目的を果たしています。しかし、私は少し奇妙な問題に直面しています。

必須フィールドについては、ぼかしイベントの赤い枠の入力ボックスが必要でした。そして、入力が正しい場合、そのエラー クラスを div 要素のスタイルから削除したいと考えました。私はここで働いています：http://plnkr.co/edit/369WMY7uDdRLNfC8NZrp?p=preview

検証ポップ オーバー プラグインを追加すると、入力ボックスのスタイルからのエラー クラスの削除を除いて、すべてがうまくいきます。jquery が div 要素のスタイルからエラー クラスを削除できない理由がわかりません。ここにこの奇妙な動作デモがあります: http://plnkr.co/edit/7iHoypnc1P0x7eiGLtLj?p=preview

なぜこれが起こっているのかわかりません。検証ポップオーバー プラグイン内で壊れるものはありますか?

私は今、bootstrap popover位置の問題に直面しています。ポップオーバーを使用して、ユーザーが選択した画像のリストを表示し、ユーザーがポップオーバー内の画像を確認して削除できるようにしています。

私の問題は、ユーザーがポップオーバーから画像を削除した後、ポップオーバーの高さが変更され、ポップオーバー全体が top に移動したことです。矢印アイコンもずれました。

初期化することでポップオーバーの位置を変更できますが、コンテンツのリロード中にちらつきが発生するため、良い方法ではないと思います。

私の問題を確認するためのフィドルを作成しました。

私のフィドルで、関数内のコードのコメントを外して、removeImageちらつきのある再配置を確認します。

アドバイスをお願いします、よろしくお願いします

ブートストラップ ポップオーバーに問題があります。ボタンがあります。これをクリックすると、フォームが表示されます。フォームにはボタンがあり、これをクリックするとアラートが表示されます。しかし、それをクリックしても、何かを警告しません。なぜ機能しないのかわかりません、助けてもらえますか？みんなありがとう！

関連するjsFiddleと完全なコード サンプルを次に示します。

Fizzメニューの右側にある道路アイコンの上にマウスを置くと、ポップオーバーが表示されます。ポップオーバーの幅が狭いのがわかりますか? したい：

• ポップオーバーを大幅に広げます。と
• ポップオーバーをさまざまな色でスタイルします。たとえば、次のようにします。
  • ポップオーバーの「ヘッダー」セクションの緑色の背景 (「指示:」)
  • ポップオーバーの「本文」セクション (本文) の赤い背景

この回答によると、次の方法でポップオーバーを広げることができます。

そして、それはまさに私がしたことです（jsFiddleのJSを参照してください）が、これは明らかに機能しません。そして、ポップオーバーの色をスタイリングするためのものが見つかりません。何か案は？

そのため、Bootstrap ポップオーバー内にカプセル化されたディレクティブを作成しようとしています。ほとんどすべてが機能しています-ボタンがクリックされたとき、リンク、すべてがハンキードリーであることを知るイベントリスナーがあります-ng-modelを使用して最も内側のディレクティブの入力にバインドしているにもかかわらず、何も取得されていないという事実を除いて更新しました。双方向ではなく一方向バインディングを行っているかのようです。モデルの FieldValue は常に null (初期状態) であり、変更されることはありません (入力フィールドに入力されたものと等しいはずですが)。私はたくさんの答えを見てきましたが、問題に対処するものは何もないようです。

これが私のコードです：

ページ HTML

ポップオーバー ディレクティブ

内部指令

ディレクティブ HTML

なぜこれが機能しないのか、誰にもアイデアがありますか?

画面サイズが縮小されたときに Bootstrap スライダーのポップオーバー位置が動かない問題を修正するにはどうすればよいですか?

位置はスライド上で固定する必要があるため、サイズを変更するときは同じ位置にとどまる必要があります。たとえば、2 番目のスライダーでは、テレビの上に白い点が表示されます。これは、画面サイズに関係なく、常にテレビの上にある必要があります。

これはオンラインの URL です: Comfortica.nl

最初のポップオーバー

CSS