Thêm các cửa sổ bật lên Bootstrap Twitter khác vào các thành phần được tạo động

Question

Tôi đang cố gắng thêm cửa sổ bật lên vào các thành phần được tạo động. Mỗi loại phần tử (hoặc một ContentEditable hoặc một Img hoặc một Video) cần phải có một nội dung popover khác nhau.

Bởi vì họ là những yếu tố năng động, tôi gọi popovers như sau:

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

đâu popoverImage là một biến có nội dung của popover cho các phần tử img.

Sự cố xảy ra khi tôi cố thêm một cửa sổ bật lên khác. Nó không hiển thị. Tôi đã thử các cách sau:

1. Có 2 bộ chọn và gọi chúng ở các chức năng khác nhau $('body')popover({...}).
2. Thay đổi thành phần body thành vùng chứa được tạo động.
3. Thay đổi biến có dữ liệu "nội dung" mỗi khi một phần tử mới được tập trung.

Bất kỳ ý tưởng nào?

Answer 1

Những gì bạn cần là khi bạn thêm một điều khiển mới thêm popover cùng một lúc:

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  
    }); 

} 

này nên làm việc với mã thực tế của bạn cho popover.