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

Question

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

按钮示例：

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

我们有加载项目每一页的_layout页面，但是有些div被加载，并具有attr 显示:none；，我希望使工具提示实例每个页面，每个按钮，但没有实例，每个页面在项目中。

我需要执行这段代码，我是按每个click事件制作的，但这不是最好的方法，我需要实例化如下：

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

这是中继器

$('[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 2

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

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

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