Как я могу централизовать вызов всплывающей подсказки?

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

Это эстафета

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