डायनामिक रूप से बनाए गए तत्वों के लिए विभिन्न ट्विटर बूटस्ट्रैप पॉपओवर जोड़ना

Question

मैं गतिशील रूप से बनाए गए तत्वों के लिए पॉपओवर जोड़ने की कोशिश कर रहा हूं। प्रत्येक प्रकार का तत्व (या तो एक सामग्री संपादन योग्य या एक आईएमजी या एक वीडियो) एक अलग पॉपओवर सामग्री की आवश्यकता है।

क्योंकि वे गतिशील तत्व हैं, मैं इस प्रकार R आर फोन कर रहा हूँ:

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

कहाँ popoverImage एक चर img तत्व के लिए पॉपओवर की सामग्री है कि है।

समस्या तब आती है जब मैं एक और पॉपओवर जोड़ने की कोशिश करता हूं। यह नहीं दिखाता है। मैंने निम्नलिखित कोशिश की है:

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

आप क्या जरूरत है जब आप एक नया नियंत्रण एक ही समय में पॉपओवर जोड़ने है।