किसी विशेष तत्व के लिए बूटस्ट्रैप पॉपओवर स्थिति बदलना

Question

मैं डेटा की एक तालिका पर bootstrap popover का उपयोग कर रहा हूं जैसा कि आप मेरे जेएसफ़ाइल से देखेंगे, प्रत्येक सेल के नीचे एक पॉपओवर बनाता है जब क्लिक किया जाता है।

मैं पंक्ति में अंतिम टीडी के लिए पॉपओवर की स्थिति या 'प्लेसमेंट' को समायोजित करने की कोशिश कर रहा हूं, यह विचार तब होता है जब अंतिम सेल पर क्लिक किया जाता है, पॉपओवर को शीर्ष के बजाय बायीं ओर स्थानांतरित किया जाएगा।

आप देखेंगे कि क्या आप टेबल के अंत तक स्क्रॉल करते हैं, अंतिम सेल पर क्लिक करें, मैंने चयन लागू किया है लेकिन स्थिति नहीं है।

इसे प्राप्त करने के तरीके पर कोई विचार?

http://jsfiddle.net/N8NNC/1/

यहाँ जावास्क्रिप्ट द्वारा

R आर के लिए:

$(".metapop").popover({ 

    html: true, 
    trigger: 'manual', 
    placement: 'top', 
    title: "You clicked on this cell:", 
    content: 'hello this is a popover' 

}).click(function(e) { 

     $('.popover').hide(); 
     $(this).popover('show'); 
     if($(this).parent().is('td:last-child')) 
      { 
       alert($(this)) 
      } 
    }); 

Answer 1

आप इस तरह 'स्थान' विकल्प के लिए एक समारोह आवंटित कर सकते हैं ..

$(".metapop").popover({ 

    html: true, 
    trigger: 'manual', 
    placement: function(pop,ele){ 
     if($(ele).parent().is('td:last-child')){ 
     return 'left' 
     }else{ 
     return 'top' 
     } 
    }, 
    title: "You clicked on this cell:", 
    content: 'hello this is a popover' 

})