Как не прописывать функционал для каждого отдельного тултипа в Bootstrap?

Question

[naneri]

Сейчас занимаюсь поддержкой сайта который применяет бутстрап. Пользуюсь родным бутстрап компонентом - тултип, но код получается слишком раздутым - видимо я где-то что-то не так понял.

В данное время для добавления тултипов, я добавляю event trigger в яваскрипте для каждого тултипа, при том что код везде одинаковый, только селекторы разные. Есть ли возможность избежать этого?

Пример кода (это для первого тултипа, для последующий то же самое только другой селектор):

$(document).ready(function(){
                    $('#tool').hover(
                            function(){
                        $('#tool').tooltip('show');
                    },function(){
                        $('#tool').tooltip('hide');
                    });
    })

Тултип добавляю как сказано в документации Bootstrap2

Comments

[Евгений Попов]

Необходим пример этого "одинакового кода"

[naneri]

@Kaaboeld добавил

Answer 1

[Евгений Попов]

$(document).ready(function(){
$(".tooltip").tooltip() //tooltip общий класс для всех элементов у которых будет tooltip
})

Второй вариант(из той же документации где элементы "распознаются" как "элементы с tooltip" по data-toggle="tooltip"):

<a href="#" data-toggle="tooltip" title="first tooltip">hover over me</a>

Comments

[naneri]

@Kaaboeld Не работает. И вроде бы в документации не указано, что это второй способ, написано, что это разметка в HTML, а то что этот код будет работать без дописывания JS вроде бы ничего нет, или я что-то неправильно понял.

[Евгений Попов]

Этот код должен работать если на странице загружен плагин для tooltip(bootstrap-tooltip.js)
"Heads up! Options for individual tooltips can alternatively be specified through the use of data attributes."

[naneri]

@Kaaboeld jsfiddle.net/6Euzg -вот пример тултипа, он не работает без JS кода, притом что плагин для тултипа сразу есть в бутстрапе, если его не исключить специально.
Плагин создан для тех, кому нужна функциональность тултипа, но он не хочет использовать весь бутстрап.

[Евгений Попов]

jsfiddle.net/Xqg46
Вообще странно я помню что раньше работало, но не суть можно например вот так как в примере для все a-тегов у кого есть атрибут title - a[title]

[naneri]

@Kaaboeld вау, отлично - спасибо большое!!!

[Евгений Попов]

Я там еще дополнительно сейчас добавил пример без доп разметки. Если что обращайтесь.