html - 如何在使用引导程序 4 工具提示时禁用默认的 html-5 工具提示

Question

我像这样使用引导工具提示

<i class="m-2 far fa-heart like" id="p-like" data-toggle="tooltip" data-placement="right" title="Please login"></i>

我用这个脚本激活了它

$('#p-like').tooltip();

但工具提示两次显示。我的错误是什么。感谢您的帮助。

标签： htmljquerybootstrap-4

Answer 1

将 title attr 更改为 data-title 这就像这样

$('.like').each(function () {
        let title = $(this).attr('data-title');
        $(this).tooltip({title: title, animation: true});
    });