Tengo un problema importante con el popover de arranque, funciona bien en el escritorio pero no en el móvil. Cuando toco el botón que tiene un pophover, abre información sobre herramientas en el primer toque y activa el evento en el segundo toque.
En orden: bootstrap popover no activa el evento en un toque en el dispositivo móvil, en su lugar muestra información sobre herramientas.
Quiero desactivarlo en dispositivos móviles o activar un evento con información sobre herramientas.
Déjame mostrarte los códigos:
HTML
<div class="container"> <h3>Popover Example</h3> <a href="#" title="Header" data-toggle="popover" data-trigger="hover" data-content="Some content" class="">Hover over me</a> </div>JavaScript
$('[data-toggle="popover"]').popover(); $('[data-toggle="popover"]').click(function(){ alert("I am clicked"); })lo que probé
var win = $(window).width(); if(win<767) { $('[data-toggle="popover"]').removeAttr('data-toggle'); // Or something like this disable popover $('[data-toggle="popover"]').popoverDisabled(); }Entonces, ¿hay alguna función o atributo que pueda solucionar esto? Cualquier ayuda/sugerencia sería apreciada.
Esto funcionará: $('.className').popover('disable');
Cualquiera solo para dispositivos móviles, por ejemplo:
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { $('.className').popover('disable'); }Primero verifique la versión móvil, ejecute esta función: -
detectmob(); function detectmob() { if(window.innerWidth <= 800 && window.innerHeight <= 600) { $('[data-toggle="popover"]').popover("hide"); } else { return false; } }