Не работает tooltip

Тема в разделе "Общие вопросы", создана пользователем Sanik, 20 авг 2023.

  1. Sanik

    Sanik Активный пользователь

    Сообщения:
    299
    Симпатии:
    3
    Подскажите пожалуйста. Почему не работает data-toggle="tooltip" title="{{ name }}" в модальном окне? Повсюду по сайте работает, в модальном окне отказывается работать, только в стандартном стиле выводит. Модалка на бутстрапе сделана, стандартно. Какие причины могут быть этому? В стилях нигде нет прописано стили для data-toggle="tooltip". Подхватывает стили title вместо data-toggle="tooltip" title=""
     
    Последнее редактирование: 20 авг 2023
  2. Tom

    Tom Специалист

    Сообщения:
    716
    Симпатии:
    220
    Видимо не может инициализироваться тултип внутри модального окна. Вызвать дополнительно.

    HTML:
    $('#myModal').on('shown.bs.modal', function () {
            $('[data-toggle="tooltip"]', this).tooltip();
        });
    });
    Заменить`#myModal` на актуальный селектор вашего модального окна.
     
    Последнее редактирование: 20 авг 2023
    Sanik нравится это.
  3. Sanik

    Sanik Активный пользователь

    Сообщения:
    299
    Симпатии:
    3
    Спасибо. Только вот так получилось
    Код:
    $(function(){
        $('[data-toggle="tooltip"]').tooltip();
    });
    Иначе почему-то окно не загружалось. Подставлял id модалки.