問題タブ [bootstrap-popover]

フォーカストリガーとポップオーバー内のリンクを備えたポップオーバーがあります。

HTML:

JavaScript:

これがライブサンプルです: JSFiddle

Chrome ではポップオーバーが閉じる前にリンクが開きますが、IE と Firefox ではポップオーバーを閉じるだけです。

IE9 と、かなり新しいバージョンの Firefox をサポートする必要があります。ポップオーバーが閉じる前にリンクを開くにはどうすればよいですか?

ありがとう！

セレクタ オプションで作成された Bootstrap ポップオーバーをどのように破棄しますか? 例えば

その後、呼び出す$e.popover('destroy')と、エラーが発生します。

によって呼び出されるPlugin関数popover('destroy')は次のとおりです。

上記の行 (明確にマークされている)を呼び出すと、$e.popover('destroy')を呼び出しているため常に失敗しますがdata['destroy']、データは のようなオブジェクトになります{mark: Popover}。

明らかに呼び出してdata['mark']['destroy']いるはずですが、これがどのように発生するのかはすぐにはわかりません。

1 つのオプションは、文字列を作成してからプロパティを文字列s = 'destroy'に追加するselectorことですが、それが意図した設計ではないことは明らかです。

または、 を呼び出すこともできます$e.data('bs.popover').mark.destroy()が、それが意図した設計であるかどうかはわかりません。また、どこにも文書化されていません。

これがサンプルのjsFiddleです

jQueryでBootstrapプラグインを使用しています。

Bootstrap Popover のホバーのちらつきに問題があります...以下のオプションで試しましたが、問題はまだ存在します

試したオプション:

1. $('.article-content').popover();
2. $( document ).ready(function() { $('.article-content2').popover(); });
3. data-container="body"

HTML

CSS

jQuery

フィドル

@mijopabe のおかげで、" fade " CSS クラスがない場合は追加するだけです。正確な関係はわかりませんが、チャンプのように機能します。

ここにフィドルがあります

ちらつきを除去するために余分に追加される CSS クラス

Bootstrap Popover を使用して記事の要約を動的に表示しています。つまり、これには二重引用符( " )、一重引用符( ' )、多くのスペース (  )、およびその他の特殊文字も含めることができます。単語からのコピー/貼り付けのコンテンツのため、オンラインなど...

ポップオーバー コンテンツから二重引用符を削除するにはどうすればよいですか?

PS:デモの目的で、data-content要素内の直接テキストとして提供しています。しかし実際には、このデータは" " CSS クラスから動的にトリガーされます。article-description

私のHTML

私のCSS

私のスクリプト

詳細についてはJsFiddle

：： アップデート ：：

data-contentタグを使用せずに html コンテンツを取得できるようになりましたが、まだ動的データの特殊文字を削除するのに苦労しています。

誰か助けてください！

ホテルの情報を表示するページがあります。ここで使用されるモデルは「ホテル」ルートです: localhost:3000/hotel/3

ゲストが要件を送信するためのポップオーバー フォームがあります。これは別のモデル「GuestQueries」を使用します

成功メッセージを表示して、ゲストを localhost:3000/hotel/3 にリダイレクトする必要があります。成功に失敗した場合は、ポップアップをエラーでレンダリングしたいと考えています。

保存が成功した場合とエラーが発生した場合のルートの処理方法がわかりません。

ネストされたルートを使用しています。

アセットに bootstrap-popover を追加する方法を誰か教えてもらえますか? 別のプラグインですか、それともブートストラップに付属していますか? application.jsに追加//= require bootstrap-popoverしましたが、以下のエラーが発生しました

以下は私の現在のgemfileとapplication.jsです

アプリでブートストラップ ポップオーバーを使用しており、その中にアウトレットをレンダリングする必要があります。

私はこのネストされたルートを持っています:

ユーザーがここにいる/pages/1/edit/とき => 画像をクリックするとルーティングされますが、次のようにポップオーバー内を/imagesレンダリングします。{{outlet}}

これは私のポップオーバーの初期化です:

これまでのところ、アウトレットは正しくレンダリングされていますが、画像テンプレート内には、DOM を変更するボタンがいくつかあり、html は更新されません。ポップオーバーを閉じて再度開くと、変更が表示されない限り。

コード内でアウトレットを直接レンダリングすることは可能ですか? または、ポップオーバーを更新することは可能ですか?

助けてくれてありがとう。