Thay đổi vị trí cửa sổ bật lên bootstrap cho một phần tử cụ thể

Question

Tôi đang sử dụng bootstrap popover trên bảng dữ liệu như bạn sẽ thấy từ jsFiddle bên dưới mỗi ô tạo cửa sổ bật lên khi được nhấp vào.

Tôi đang cố gắng điều chỉnh vị trí hoặc 'vị trí' của cửa sổ bật lên cho td cuối cùng trong một hàng, ý tưởng là khi ô cuối cùng được nhấp vào cửa sổ bật lên sẽ được đặt ở bên trái thay vì trên cùng.

Bạn sẽ thấy nếu bạn cuộn đến cuối bảng, hãy nhấp vào ô cuối cùng tôi đã triển khai lựa chọn chứ không phải định vị.

Bất kỳ ý tưởng nào về cách đạt được điều này?

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

Heres bằng javascript cho popovers:

$(".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

Bạn có thể gán một chức năng để tùy chọn 'vị trí' như thế này ..

$(".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' 

})