JQuery Tooltipster hiding element it's attached to

Question

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

The content I am trying t add the tooltip to is generated dynamically through 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 does work, but it doesn't appear in the right spot, and it doesnt display the element that uses the tooltip class.

Pic for reference:

Answer 1

so I figured out my problem! I was also using a Bootstrap.css link in my project as well, and there was a mismatch between the class names "tooltip"

I changed the name to "tooltips" and it initialized it as such, and it worked flawlessly!