CSS Bootstrap verschiedene Positionierung von mehreren Popovers

Question

Ich frage mich, ob es möglich war, die Positionierung eines Popover jedes Mal ändern, wenn es aufgerufen wird. Ich benutze sie, wenn ich über ein Bild schwebe, und ich habe zwei Bilder nebeneinander. Wenn ich also einen Rand für mein erstes Bild festlege, wird das zweite Popover zu weit schauen. Dies ist, was ich verwende, um die Positionierung zu ändern.

popover.right{ 
    margin-left: 50px; 
} 

example1 example2

Wie Sie sehen können 50px zu viel ist und die popover erscheint weiter rechts als die Grenze meines Menü. Ich würde gerne wissen, ob es möglich ist, die Positionierung meiner Popovers bei jeder Erstellung zu ändern, so dass sie in derselben vertikalen Linie erscheinen.

hier ist ein Teil des Codes: HTML:

<table> 
       <tr> 
        <td><a rel="popover" data-img="nuotraukos/cluemaps/Map_clue_McGrubors.png" ><div><img class="mapFoto" src = "nuotraukos/cluemaps/Map_clue_McGrubors.png" onClick = "onClick(0,0)"></div></a></td> 

        <td><a rel="popover" data-img="nuotraukos/cluemaps/Map_clue_McGrubors.png" ><div><img class="mapFoto" src = "nuotraukos/cluemaps/Map_clue_McGrubors.png" onClick = "onClick(15,15)"></div></a></td> 
       </tr> 
       <tr> 
        <td><a rel="popover" data-img="nuotraukos/cluemaps/Map_clue_McGrubors.png" ><div><img class="mapFoto" src = "nuotraukos/cluemaps/Map_clue_McGrubors.png" onClick = "onClick(0,0)"></div></a></td> 

        <td><a rel="popover" data-img="nuotraukos/cluemaps/Map_clue_McGrubors.png" ><div><img class="mapFoto" src = "nuotraukos/cluemaps/Map_clue_McGrubors.png" onClick = "onClick(0,0)"></div></a></td> 
       </tr> 
      </table> 

JS:

$('a[rel=popover]').popover({ 
    html: true, 
    trigger: 'hover', 
    placement: 'right', 
    content: function(){return '<img src="'+$(this).data('img') + '" style=\'width:100%\' />';} 
}); 

CSS:

.popover.right { 
    margin-left: 50px; 
} 

Answer 1

Ich glaube, Sie mehr Parameter im Code erwähnen müssen . Überprüfen Sie this für einige detailliertere Informationen. darüber hier: Link

Hoffe, dass es helfen;)