如何集中 bootstrap 工具提示调用？

Question

我正在开发一个项目，其中所有按钮都使用工具提示，但不是在我使用按钮的每个屏幕上实例化。每次我更改选项卡甚至局部视图时，我都想要某种方法来实例化。知道怎么做吗？

按钮示例：

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

Answer 1

看$.livehttp://api.jquery.com/live/

现在和将来为匹配当前选择器的所有元素附加一个事件处理程序。

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

Answer 2

这是中转

$('[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)
});

如何集中 bootstrap 工具提示调用？

How can I centralize bootstrap tooltip call?

html

javascript

jquery

tooltip

event-listener