Cómo destruir / eliminar Bootstrap información sobre herramientas con la clase css specifc en HTML dinámico?

votos
0

Tengo que destruir el funcionamiento información sobre herramientas en el contenido HTML dinámico en la resolución especific. Pero no todos los que solamente tiene clase withTooltipLg

Ejemplo:

HTML

<a id=innerCollapse1 class=withTooltipLg data-toggle=tooltip data-placement=top title=Volver a Datos de Auto/moto>
  <i class=fas fa-arrow-up></i>
</a>

JS

$(document).ready(function(){
     $('body').tooltip({selector: '[data-toggle=tooltip]'});

});
$(window).resize(function(){
  if(jQuery(window).width() < 768){
        //here i should do something like: (pseudo)
        $('body').tooltip({selector: '[data-toggle=tooltip].withTooltipLg'}).destroy()
     }
});

¡Gracias por adelantado!

Publicado el 19/09/2018 a las 13:35
fuente por usuario
En otros idiomas...                            


1 respuestas

votos
0

Su problema es con el selector de jQuery. Si desea destruir todas las sugerencias en el cuerpo de la página con la clase withTooltipLg, sólo tiene que formar el selector de agarrar esos elementos.

$('body .withTooltipLg').tooltip().destroy();

código final termina pareciéndose a esto:

$(document).ready(function(){
   $('body').tooltip({selector: '[data-toggle="tooltip"]'});
   if(jQuery(window).width() < 768)
      $('body .withTooltipLg').tooltip().destroy();
});
Respondida el 19/09/2018 a las 13:44
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more