Bootstrap 4 html tooltip удаляет встроенные стили - PullRequest
Новая
       50

Bootstrap 4 html tooltip удаляет встроенные стили

0 голосов
/ 30 октября 2019

Я инициализирую всплывающие подсказки с помощью следующего кода: 

$('.tooltip').each(function () {
    $(this).tooltip({
      html: true,
      title: $('#' + $(this).data('tip')).html()
    });
});

Пример кода всплывающей подсказки: 

<div class="tooltip">
 <div class="inner">
  <div class="tooltip__content">
   <ul>
    <li>
     <div class="rating">
      <div class="level" style="width: 85%;" data-width="85"></div>
     </div>
    </li>
   </ul>
  </div>
 </div>
</div>

Моя проблема заключается в том, что всплывающая подсказка полностью игнорирует мои встроенные стили CSS / данных, например 

<div class="level" style="width: 85%;" data-width="85"></div>

отображается как 

<div class="level">

Есть ли решение отключить загрузку всплывающей подсказки, удалив встроенные стили?

1 Ответ

1 голос
/ 31 октября 2019

Задание аргумента santize: false решена проблема: 

$('.tooltip').each(function () {
  $(this).tooltip({
    html: true,
    sanitize: false,
    title: $('#' + $(this).data('tip')).html()
  });
});
...