用提琴很难再现这个问题。我有一个经典的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”的按钮[没有其他]
具有data-toggle属性[a按钮]的元素在页面加载时已正确识别并选择。


使用本地加载的Bootstrap 4 alpha 6

最佳答案

讨论表明,同时使用了Bootstrap和Jquery UI,这两个工具提示之间存在冲突。更改链接的顺序足以解决该问题

10-08 04:36