Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/xamarin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery工具提示设置超时_Jquery_Jquery Ui - Fatal编程技术网

jquery工具提示设置超时

jquery工具提示设置超时,jquery,jquery-ui,Jquery,Jquery Ui,我想显示一个工具提示,它将在3秒后消失 我应该如何修改我的代码?似乎已注释的代码不起作用: HTML 您可以这样做: $(function () { $('#mytooltip').tooltip(); $('#mytooltip').tooltip({ open: function (e, o) { $(o.tooltip).mouseover(function (e) { $('#mytooltip'

我想显示一个工具提示,它将在3秒后消失

我应该如何修改我的代码?似乎已注释的代码不起作用:

HTML


您可以这样做:

$(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);
});