동적으로 생성 된 요소에 다른 Twitter 부트 스트랩 팝업 추가

Question

동적으로 생성 된 요소에 팝업을 추가하려고합니다. 각 종류의 요소 (ContentEditable 또는 Img 또는 Video)에는 다른 팝 오버 콘텐츠가 있어야합니다. 다음과 같이

가 동적 요소이기 때문에

, 나는 popovers 전화 해요 : popoverImage는 img 요소의 팝 오버의 내용이 변수가

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

.

다른 popover를 추가하려고하면 문제가 발생합니다. 그것은 표시되지 않습니다. 나는 다음을 시도했다 :

1. 2 개의 셀렉터를 가지며 그들을 다른 $('body')popover({...}) 함수로 호출한다.
2. body 요소를 동적으로 생성 된 컨테이너로 변경합니다.
3. 새 요소가 포커스 될 때마다 "내용"데이터가있는 변수를 변경합니다.

아이디어가 있으십니까?

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

} 

이것은 팝 오버에 대한 실제 코드와 함께 작동합니다 : 당신이 새로운 제어가 동시에 팝 오버를 추가 추가 할 때 당신이 필요로하는 무엇

Answer 1

이다.