¿Popover de Bootstrap, ocultar al hacer clic fuera? (Bootstrap Ver 5.1.1)
Necesito que el siguiente popover funcione de la siguiente manera: cuando el usuario hace clic dentro del popover, no se cierra. El usuario hace clic en cualquier otro lugar del formulario y el popover se cierra. Todo lo que he intentado no funciona, ¡por favor ayuda!
$(‘#myAlerts’).popover({
“html”: true,
trigger: “manual”,
placement: “bottom”,
title: “Notificaciones”,
boundary: “viewport”,
fallbackPlacement: “flip”,
content: $(‘#alertsContainer’)[0]
}).on(‘shown.bs.popover’, function () {
showAlerts();
}).click(function () {
$(this).popover(‘toggle’);
});
davy.ai
$(document).on(‘click’, function (e) {
if ($(e.target).data(‘toggle’) !== ‘popover’
&& $(e.target).parents(‘[data-toggle=”popover”]’).length === 0
&& $(e.target).parents(‘#alertsContainer’).length === 0) {
$(‘#myAlerts’).popover(‘hide’);
}
});
$(documento).on(‘click’, function (e) {
si ($(e.target).data(‘toggle’) !== ‘popover’
&& $(e.target).parents(‘[data-toggle=”popover”]’).length === 0
&& $(e.target).parents(‘#alertsContainer’).length === 0) {
$(‘#myAlerts’).popover(‘hide’);
}
});