jQuery Tooltipster скрывает элемент, к которому он прикреплен

#javascript #jquery #tooltip #tooltipster

#javascript #jquery #всплывающая подсказка #tooltipster

Вопрос:

Я пытаюсь использовать jQuery Tooltipster в моем Asp.net Приложение MVC.

Содержимое, к которому я пытаюсь добавить всплывающую подсказку, генерируется динамически с помощью JavaScript.

Вид:

     var engName = document.getElementsByClassName("dhx_matrix_scell");
    for (var i = 0; i < engName.length; i  ) {
        engName[i].className = engName[i].className   " tooltip";
        engName[i].title = "Hello";
    }
  

вверху моего индекса:

     $(document).ready(function () {
    $('.tooltip').tooltipster(
    {
         multiple: true
    });
});
  

Всплывающая подсказка действительно работает, но она отображается не в нужном месте и не отображает элемент, который использует класс tooltip.

Рисунок для справки: введите описание изображения здесь

Ответ №1:

итак, я разобрался со своей проблемой! Я также использовал ссылку Bootstrap.css в своем проекте, и было несоответствие между именами классов «tooltip»

Я изменил название на «всплывающие подсказки», и оно инициализировало его как таковое, и оно сработало безупречно!

Комментарии:

1. То же самое для меня, изменил класс на изображении на всплывающие подсказки, как упоминалось, а также изменил $ (‘.tooltips’).tooltipster(); в моем методе document ready