Bootstrap 4 工具提示仅在指定 HTML 属性时显示 -答案

【问题标题】：Bootstrap 4 tooltip only showing when specifying HTML attributes -Bootstrap 4 工具提示仅在指定 HTML 属性时显示 -
【发布时间】：2018-01-12 03:45:03
【问题描述】：

这是一个不容易用小提琴重现的问题。我有一个经典的 Bootstrap 4 页面，但如果我手动放置 HTML 数据属性，我只能获得工具提示。

使用 javascript 似乎不起作用 - 更重要的是，使用 javascript 在任何元素上创建 .tooltip（data-toggle="tooltip" 甚至按类或元素也不起作用）。这是我在页面下方使用的功能：

$(function() {
    $('[data-toggle="tooltip"]').tooltip({
        container: 'body',
        placement: 'bottom',
        title: 'test'
    })

});

像往常一样在 HTML 作品中添加数据切换、数据标题、数据放置，但我希望将所有内容都放在一个函数调用中。我已经仔细检查过：

加载顺序 [jquery/tether/bootstrap]
工具提示应用于带有 data-toggle="tooltip" [nothing else] 的按钮
在页面加载时正确识别并选择了具有数据切换属性 [a button] 的元素。

使用本地加载的 Bootstrap 4 alpha 6

【问题讨论】：

您确定data-toggle 属性仍然存在于您的HTML 中吗？我问这个是因为你的 jQuery 选择器使用它。
是的，仔细检查了几次；如果我添加其余属性 [又名它显示] 它可以工作，但我想通过似乎不起作用的功能加载工具提示
是否以编程方式显示工具提示？ IE。 $('[data-toggle]').tooltip('show');
@JasonK 它也不起作用......这可能是什么？您在 [data-toggle""]"" 上有一个额外的括号，我尝试使用通常的 $('[data-toggle="tooltip"]') 选择器
在工具提示行之前放置一个调试器关键字并检查 $('[data-toggle="tooltip"]').length 是否为 1

标签： javascript jquery twitter-bootstrap

【解决方案1】：

讨论表明，Bootstrap 和 Jquery UI 都在使用，两个工具提示之间存在冲突。更改链接的顺序就足以解决它

【讨论】：