Как уничтожить / утилизировать всплывающую подсказку Bootstrap с помощью класса Specc CSS в динамическом HTML? - PullRequest
Новая
       11

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

0 голосов
/ 19 сентября 2018

Мне нужно уничтожить функцию всплывающей подсказки в динамическом HTML-контенте в определенном разрешении.Но не все, только те, которые имеют класс 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()
     }
});

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

1 Ответ

0 голосов
/ 19 сентября 2018

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

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

Окончательный код выглядит примерно так: 

$(document).ready(function(){
   $('body').tooltip({selector: '[data-toggle="tooltip"]'});
   if(jQuery(window).width() < 768)
      $('body .withTooltipLg').tooltip().destroy();
});
...