The jQuery Tooltipster hiding element that it attaches to

Question

I am trying to use jQuery Tooltipster in my Asp.net MVC application.

The content that I am trying to add to the tooltip is dynamically generated using JavaScript.

View:

    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";
    }

top of my index:

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

The tooltip works, but it does not appear in the right place and does not display an element that uses the tooltip class.

Pic for reference:

Answer 1

so I understood my problem! I also used the Bootstrap.css link in my project, and there was also a mismatch between the hint class names

" ", , !