बूटस्ट्रैप - प्रोग्रामेटिक रूप से एक तत्व के लिए पॉपओवर संलग्न करें और दिखाएं

Question

मैं बूटस्ट्रैप v3 का उपयोग कर रहा हूं और पृष्ठ लोड होने पर, तत्व के बगल में प्रोग्रामर रूप से पॉपअप दिखाने की कोशिश कर रहा हूं। डोम में कोई पॉपओवर मार्कअप नहीं है। मैं इसे JQuery में बनाना और दिखाऊंगा।

मैंने कोशिश की है लेकिन यह काम नहीं करता है।

$(document).ready(function() { 
    $('.theElement').popover({ 
      placement:'right', 
      trigger:'manual', 
      html:true, 
      content:'popover content' 
     }); 
    $('.theElement').popover('show') 
}); 

मैं एक "लेखन त्रुटि: Window.getComputedStyle का तर्क 1 एक वस्तु नहीं है" मिल कंसोल में त्रुटि। मुझे लगता है कि यह उपरोक्त के कारण होता है।

Answer 1

इस

$(document).ready(function() { 
    $('.theElement').attr('data-placement','right') 
    //add all atributes..... 

    //and finally show the popover 
    $('.theElement').popover('show') 
}); 

Answer 2

$("[wf-popover]").popover({ 
     html : true, 
     content: function() { 
      var content = $(this).attr("wf-content"); 
      return content; 
     }, 
     title: function() { 
      var title = $(this).attr("wf-title"); 
      //return $(title).children(".popover-heading").html(); 
      return title; 
     }, 
     placement: function() { 
      var my = this.$element.attr('wf-popover') 
      return my; 
     }, 
     trigger: 'hover' 
    }); 

तत्व

<img src="profile.jpg" wf-popover="left" wf-content="<img src='profile_big.jpg' width=500 height=500 />" data-original-title="" title="">