2017-08-04 48 views
0

这是一个用小提琴重现的问题。我有一个经典的Bootstrap 4页面,但是我只能通过工具提示来显示是否手动添加HTML数据属性。使用javascript似乎并没有工作 - 更重要的是,使用JavaScript创建.tooltip任何元素(无论是数据切换=“工具提示”,甚至类或元素也不工作)。这是我使用在页面下面的功能:Bootstrap 4工具提示仅在指定HTML属性时显示 -

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

}); 

添加数据切换,数据标题,数据放置像往常一样在HTML的作品,但我希望有一个一切单一功能调用。 我已经双重检查:

  • 加载顺序[jquery的/系链/自举]
  • 工具提示被施加到按钮用数据肘节=“提示” [没有别的]
  • 元件具有数据切换属性[一个按钮]在页面加载时被正确识别和选择。

使用自举4阿尔法6局部

+0

您确定'data-toggle'属性仍然存在您的HTML吗?我问这是因为你的jQuery选择器使用它。 – JasonK

+0

是的,仔细检查了几次;它工作,如果我添加其余的属性[又名它显示],但我想通过似乎并不工作的函数加载工具提示 – vzR

+0

以编程方式显示工具提示工作?即'$('[data-toggle]')。tooltip('show');' – JasonK

回答

1

加载的讨论表明,正在使用的自举和jQuery UI二者,有两个工具提示之间的冲突。更改链接的顺序足以解决这个问题