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

Question

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

按钮示例:

<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

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

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

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