Hvordan ødelegge / avhende Bootstrap tooltip med specifc css klasse i dynamisk HTML?

stemmer
0

Jeg må ødelegge tooltip funksjon i dynamisk HTML-innhold i especific oppløsning. Men ikke alle bare de enn har klasse withTooltipLg

Eksempel:

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

Takk på forhånd!

Publisert på 19/09/2018 klokken 13:35
kilden bruker
På andre språk...                            


1 svar

stemmer
0

Problemet er med jQuery velgeren. Hvis du ønsker å ødelegge alle verktøytips i kroppen på siden din med klassen withTooltipLg, du trenger bare å danne din velgeren for å hente disse elementene.

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

Endelige koden ender opp som ser slik ut:

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

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