#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