jquery工具提示设置超时
我想显示一个工具提示,它将在3秒后消失 我应该如何修改我的代码?似乎已注释的代码不起作用: HTMLjquery工具提示设置超时,jquery,jquery-ui,Jquery,Jquery Ui,我想显示一个工具提示,它将在3秒后消失 我应该如何修改我的代码?似乎已注释的代码不起作用: HTML 您可以这样做: $(function () { $('#mytooltip').tooltip(); $('#mytooltip').tooltip({ open: function (e, o) { $(o.tooltip).mouseover(function (e) { $('#mytooltip'
您可以这样做:
$(function () {
$('#mytooltip').tooltip();
$('#mytooltip').tooltip({
open: function (e, o) {
$(o.tooltip).mouseover(function (e) {
$('#mytooltip').tooltip('close');
});
$(o.tooltip).mouseout(function (e) {});
},
close: function (e, o) {},
show: {
duration: 800
}
});
$('#mytooltip').tooltip('open');
setTimeout(function () {
$('#mytooltip').tooltip('close'); //close the tooltip
}, 3000); //but invoke me after 3 secs
});
这将与Bootstrap 4工具提示完美结合
$(document).ready( function () {
$('[data-toggle="tooltip"]').tooltip();
setInterval(function () {
$('[data-toggle="tooltip"]').tooltip('hide');
}, 3000);
});
工具提示将在3秒后自动出现和消失
我知道这个问题已经问了7年了,但可能仍然会帮助别人 @monjevin哪个功能特别重要?在我的代码中:
$('mytooltip')。工具提示('open')。延迟(3000)。工具提示('close')
@monjevin我希望我能确切知道,但这可能与.delay
函数仅在动画队列中起作用有关。也许通过调用.open()
并不会真正将任何内容放入动画队列,这就是为什么它没有效果的原因?或者确实如此,但它完成得太快,因此队列是空的?
$(function () {
$('#mytooltip').tooltip();
$('#mytooltip').tooltip({
open: function (e, o) {
$(o.tooltip).mouseover(function (e) {
$('#mytooltip').tooltip('close');
});
$(o.tooltip).mouseout(function (e) {});
},
close: function (e, o) {},
show: {
duration: 800
}
});
$('#mytooltip').tooltip('open');
setTimeout(function () {
$('#mytooltip').tooltip('close'); //close the tooltip
}, 3000); //but invoke me after 3 secs
});
$(document).ready( function () {
$('[data-toggle="tooltip"]').tooltip();
setInterval(function () {
$('[data-toggle="tooltip"]').tooltip('hide');
}, 3000);
});