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

时间:2017-08-04 09:13:48

标签: javascript jquery twitter-bootstrap

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

使用javascript进行操作似乎不起作用 - 还有什么,使用javascript在任何元素上创建.tooltip(数据切换="工具提示"或者甚至通过类或元素也不起作用。这是我在页面下方使用的功能:

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

});

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

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

使用本地加载的Bootstrap 4 alpha 6

1 个答案:

答案 0 :(得分:2)

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