它附加的JQuery Tooltipster隐藏元素

Ste*_*mar 6 javascript jquery tooltip tooltipster

我想在我的Asp.net MVC应用程序中使用JQuery Tooltipster.

我尝试添加工具提示的内容是通过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";
    }
Run Code Online (Sandbox Code Playgroud)

我的索引顶部:

    $(document).ready(function () {
    $('.tooltip').tooltipster(
    {
         multiple: true
    });
});
Run Code Online (Sandbox Code Playgroud)

工具提示确实有效,但它没有出现在正确的位置,并且它不显示使用工具提示类的元素.

图片供参考: 在此输入图像描述

Ste*_*mar 8

所以我想出了我的问题!我也在我的项目中使用了Bootstrap.css链接,并且类名"tooltip"之间存在不匹配

我将名称更改为"工具提示",并将其初始化为它,并且它完美无缺!

  • 同样对我来说,将图像上的类更改为提到的工具提示,并更改了$('.tooltips').tooltipster(); 在我的文件准备方法 (2认同)