Comment détruire / éliminer infobulle Bootstrap avec classe specifc css en HTML dynamique?

voix
0

Je dois détruire la fonction info-bulle dans le contenu HTML dynamique dans la résolution spécifique dans. Mais pas tous seuls ceux que la classe a « withTooltipLg »

Exemple:

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

Merci d'avance!

Créé 19/09/2018 à 13:35
source utilisateur
Dans d'autres langues...                            


1 réponses

voix
0

Votre problème est avec votre sélecteur jquery. Si vous voulez détruire tous les infobulles dans le corps de votre page avec la classe withTooltipLg, il vous suffit de former votre sélecteur pour saisir ces éléments.

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

code final finit par ressembler à ceci:

$(document).ready(function(){
   $('body').tooltip({selector: '[data-toggle="tooltip"]'});
   if(jQuery(window).width() < 768)
      $('body .withTooltipLg').tooltip().destroy();
});
Créé 19/09/2018 à 13:44
source utilisateur

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