鼠标悬停在工具提示上时如何延迟工具提示

Question

您好，我正在研究 jquery ui tooltip.i 在工具提示上显示图像并在工具提示上显示内容。我的问题是当鼠标悬停在工具提示上时工具提示被隐藏。但我想在鼠标悬停在工具提示上时显示工具提示，当鼠标在工具提示上释放时，工具提示隐藏

我的代码在 jsfiddle

      <a id="riverroad" href="#" title=""  >display</a>.

Answer 1

你可以试试这个解决方案

$( "#riverroad" ).tooltip({ 
        content: '<img src="https://kohler.scene7.com/is/image/PAWEB/Category_Template?$PDPcon$&$gradient_src=PAWEB%2Forganic-gradient&$shadow_src=PAWEB%2FBlank&$Badge1_src=PAWEB%2FBlank&$Badge4_src=PAWEB%2FBlank&$Badge3_src=PAWEB%2FBlank&$Badge2_src=PAWEB%2FBlank&$product_src=is{PAWEB%2Fzaa86577_rgb}" width="150" height="150"/><p><a href="http://www.google.com">content</a></p>', 

    show: { duration: 500,delay: 1000 } ,
    open: function(event, ui)
    {
        if (typeof(event.originalEvent) === 'undefined')
            return false;

        $('div.ui-tooltip').not('#' + $(ui.tooltip).attr('id')).remove();
    },
    close: function(event, ui)
    {
        ui.tooltip.hover(function()
        {
            $(this).stop(true).fadeTo(400, 1); 
        },
        function()
        {
            $(this).fadeOut('400', function() { $(this).remove(); });
        });
    }
});

鼠标悬停在工具提示上时如何延迟工具提示

How to delayed tooltip when mouse over on tooltip

jquery

jquery-ui

jquery-ui-tooltip