如何集中引导工具提示调用?

时间:2018-09-04 14:28:31

标签: javascript jquery html tooltip event-listener

我正在一个项目中,所有按钮都使用工具提示,但没有在每个屏幕上实例化,而是使用按钮。我想要某种方法来在每次更改标签或部分视图时实例化。知道怎么做吗?

按钮示例:

<button class="btn" href="anywhere" title="button" data-togle="tooltip"></button>

我们有_layout页面,可加载项目的每个页面,但某些div已加载,并且具有attr display:none; 我想使工具提示实例每个页面,每个页面一个按钮,但没有实例,项目中的每个页面

我需要执行这段代码,每次点击事件都会使我失败,但这不是最好的方法,我需要实例化此代码:

$('[data-toggle="tooltip"]').tooltip()

我的临时解决方案是

$('[data-toggle="tooltip"]').tooltip({
    container: 'body',
        trigger: 'hover'
    });
    window.addEventListener("click", function (event) {
    i = 0;

    timer = setInterval(function () {
        $('[data-toggle="tooltip"]').tooltip({
            container: 'body',
            trigger: 'hover'
        });

        if (i >= 2) {
             clearInterval(timer);
        }

             i++
    }, 500)
});

1 个答案:

答案 0 :(得分:0)

这是中继方式

$('[data-toggle="tooltip"]').tooltip({
    container: 'body',
        trigger: 'hover'
    });
    window.addEventListener("click", function (event) {
    i = 0;

    timer = setInterval(function () {
        $('[data-toggle="tooltip"]').tooltip({
            container: 'body',
            trigger: 'hover'
        });

        if (i >= 2) {
             clearInterval(timer);
        }

             i++
    }, 500)
});