He rastreado Internet a lo largo y ancho y, aunque encontré esta publicación de stackoverflow reveladora ¿Es posible cambiar la posición de los popovers de Bootstrap en función del ancho de la pantalla? , todavía no respondió a mi pregunta, probablemente debido a mi dificultad para entender la posición / compensación.
Esto es lo que estoy tratando de hacer. Quiero que la posición de Twitter Bootstap Popover sea CORRECTA a menos que la ventana emergente del hotspot se coloque más allá de la ventana gráfica, luego quiero que se coloque a la IZQUIERDA. Estoy creando una aplicación web para iPad que tiene puntos de acceso, cuando presionas un punto de acceso, aparece información, pero no quiero que aparezca fuera de la ventana gráfica cuando el desplazamiento horizontal está bloqueado.
Estoy pensando que sería algo como esto:
$('.infopoint').popover({
trigger:'hover',
animation: false,
placement: wheretoplace
});
function wheretoplace(){
var myLeft = $(this).offset.left;
if (myLeft<500) return 'left';
return 'right';
}
Pensamientos ¡Gracias!
auto
no siempre funciona perfectamente dependiendo del diseño de la página y el contenido que pones en el popover.left 515
y?top 110