2

Bootstrap 2の「ポップオーバー」を取得しようとしています:

A) 動的に生成されたコンテンツを操作し、
B) ポップオーバー内に画像を表示します。

私の現在のコード:

var image = '<img src="img/header/'+selection+'" />';
var previewLink = '<a class="headerPreview" href="#" rel="popover" >(Hover to Preview)    </a>';
$('#headerBlock').append(previewLink);
$('.headerPreview').popover({
    title: 'test',
    content: image
});

現時点では、リンクがホバーされても何もしません。何が間違っているのかわかりません。

4

2 に答える 2

3

これを試してください：http：//jsfiddle.net/KAvAZ/

trigger: 'hover'重要なのは、ポップオーバーオブジェクトに追加することです。

于 2012-10-19T20:47:05.430 に答える
1

新しいコンテンツを動的に追加するたびに、ポップオーバーを有効にしたい場合 (既に適切な html タグを追加していると仮定します)、新しいコンテンツを追加した直後に popover() 関数を呼び出す必要があります。これは、元のコンテンツと動的に生成されたコンテンツの両方でポップオーバーを有効にするために私が行っていることです。

このスレッドが役立つ場合があります: Twitter Bootstrap Popovers not working for Dynamically Generated Content

于 2013-06-21T22:03:04.180 に答える