8

動的に作成された要素にポップオーバーを追加しようとしています。各種類の要素 (ContentEditable、Img、または Video のいずれか) には、異なるポップオーバー コンテンツが必要です。

これらは動的な要素であるため、次のようにポップオーバーを呼び出しています。

$('body').popover({
            selector: '[rel=popoverImage]',
            content: **popoverImage**,
            html: true,
            placement: 'top',
            trigger: 'focus'
        });

wherepopoverImageは、img 要素のポップオーバーのコンテンツを持つ変数です。

別のポップオーバーを追加しようとすると、問題が発生します。表示されません。私は次のことを試しました：

  1. 2 つのセレクターを持ち、それらを異なる$('body')popover({...})関数で呼び出します。
  2. body要素を動的に生成されたコンテナーに変更します。
  3. 新しい要素がフォーカスされるたびに、「コンテンツ」データを持つ変数を変更します。

何か案は？

4

1 に答える 1

5

必要なのは、新しいコントロールを追加するときに同時にポップオーバーを追加することです:

function AddNewElement()
{
  var yourElement = '<div id="yourElementId"> The element you want </div>';
  $('divToAppend').append(youElement);

  var yourPopoverContent = 'Your Personalized popover';

  $('#yourElementId').popover({
      html : true,
      content : yourPopoverContent      
  });

}

これは、ポップオーバーの実際のコードで機能するはずです。

于 2013-09-11T03:11:59.687 に答える