Como destruir / eliminar Bootstrap dica com classe css specifc em HTML dinâmico?

votos
0

Eu preciso destruir função dica no conteúdo HTML dinâmico no especifico resolução. Mas nem todos apenas aqueles que tem classe withTooltipLg

Exemplo:

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()
     }
});

Desde já, obrigado!

Publicado 19/09/2018 em 13:35
fonte usuário
Em outras línguas...                            


1 respostas

votos
0

O seu problema é com o seletor jQuery. Se você quer destruir todas as dicas de ferramentas no corpo de sua página com a classe withTooltipLg, você só precisa formar o seletor para pegar esses elementos.

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

código final acaba parecendo esta:

$(document).ready(function(){
   $('body').tooltip({selector: '[data-toggle="tooltip"]'});
   if(jQuery(window).width() < 768)
      $('body .withTooltipLg').tooltip().destroy();
});
Respondeu 19/09/2018 em 13:44
fonte usuário

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