有什么方法可以在悬停时在 Bootstrap 工具提示上添加向下滑动动画。
<img src="assets/images/icons/facebook.png" alt="facebook" data-toggle="tooltip" data-placement="top" title="Find us on facebook">
$(function () {
$('[data-toggle="tooltip"]').tooltip({
animation: 'fade'
});
})
默认情况下它是淡入淡出的,但是当我在上面使用一些动画时它不起作用。
我试过使用animate.css但发生了同样的问题。
$(function () {
$('[data-toggle="tooltip"]').tooltip({
animation: 'animated slideInDown'
});
})
最佳答案
只有将鼠标悬停在元素上才会生成 tooptip。显示工具提示后,您需要从 animate.css 添加相应的类。
$(function () {
$('[data-toggle="tooltip"]').tooltip();
$('[data-toggle="tooltip"]').on('shown.bs.tooltip', function () {
$('.tooltip').addClass('animated swing');
})
})
关于jquery - 如何在 Bootstrap 工具提示上添加动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29074362/