Как уничтожить / утилизировать Bootstrap всплывающую подсказку с классом CSS, специфические в динамическом HTML?

голоса
0

Мне нужно уничтожить подсказке функцию динамического содержимого HTML в especific разрешении. Но не все только те, чем имеет класс «withTooltipLg»

Пример:

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

Заранее спасибо!

Задан 19/09/2018 в 13:35
источник пользователем
На других языках...                            


1 ответов

голоса
0

Ваш вопрос с селектором Jquery. Если вы хотите , чтобы уничтожить все всплывающие подсказки в теле страницы с классом withTooltipLg, вам просто нужно , чтобы сформировать свой селектор , чтобы захватить эти элементы.

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

Окончательный код заканчивает тем, как это:

$(document).ready(function(){
   $('body').tooltip({selector: '[data-toggle="tooltip"]'});
   if(jQuery(window).width() < 768)
      $('body .withTooltipLg').tooltip().destroy();
});
Ответил 19/09/2018 в 13:44
источник пользователем

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