Jquery 如何制作项目'；他的头衔渐渐消失了

我正在使用jquery的工具提示显示和项目的标题：

<a href="#" title="Delete" class="show-option" />

问题是，只要光标悬停在项目上，就会显示标题。但我想要的是一个标题，当光标停留在项目上3秒钟后，标题就会消失

我一直在寻找一些解决方案，但没有任何效果，希望这是可能的

$( ".show-option" ).mouseover(function() {
   $( ".show-option" ).fadeOut('slow', function() {
     // Animation complete.
  }, 3000);
});

还没有测试过，但应该能满足你的需要

还没有测试过，但应该可以满足您的需要。

试试看

$(function() {
    $( ".show-option" ).tooltip({
        show: {
            effect: "slideDown",
            delay: 300
        },
        open: function( event, ui ) {
            var timer = setTimeout($.proxy(function(){
                $(this).tooltip( "close" );
            },this), 3000);
            $(this).data('hidetimer', timer)
        },
        close: function( event, ui ) {
            clearTimeout($(this).data('hidetimer'))
        }
    });
});

演示：

试试看

$(function() {
    $( ".show-option" ).tooltip({
        show: {
            effect: "slideDown",
            delay: 300
        },
        open: function( event, ui ) {
            var timer = setTimeout($.proxy(function(){
                $(this).tooltip( "close" );
            },this), 3000);
            $(this).data('hidetimer', timer)
        },
        close: function( event, ui ) {
            clearTimeout($(this).data('hidetimer'))
        }
    });
});

---

演示：

您可以尝试以下内容：

$（“.show option”）.on（'mouseover'，function（）{
var=这个；
setTimeout（函数（）{
美元。工具提示（“关闭”）；
}, 3000);
});

这里有一个工作示例：

PS：我猜你在使用jqueryui，你可以试试这样的东西：

$（“.show option”）.on（'mouseover'，function（）{
var=这个；
setTimeout（函数（）{
美元。工具提示（“关闭”）；
}, 3000);
});

这里有一个工作示例：

PS：我猜你在使用jqueryui，它似乎在JSFIDLE上工作，但我无法让它工作。我使用的脚本是bootstrap v2.3.2（bootstrap.js和bootstrap.min.js）、Jquery v1.10.2和Jquery UI v1.9.2，我确保在脚本之前加载所有这些。唯一影响行为的似乎是jquery脚本，如果我删除了标题不会弹出的内容，如果我删除了任何内容，它仍然有效，但正如我所说的淡出不起作用，有什么提示吗？我解决了它，似乎引导和jquery ui脚本冲突，我所做的是先加载引导脚本，然后加载jquery ui脚本，这是它工作的唯一方式，但我希望我可以使用引导样式而不是jquery ui的css来产生这种效果。似乎可以在JSFIDLE上工作，但我无法让它工作。我使用的脚本是bootstrap v2.3.2（bootstrap.js和bootstrap.min.js）、Jquery v1.10.2和Jquery UI v1.9.2，我确保在脚本之前加载所有这些。唯一影响行为的似乎是jquery脚本，如果我删除了标题不会弹出的内容，如果我删除了任何内容，它仍然有效，但正如我所说的淡出不起作用，有什么提示吗？我解决了它，似乎引导和jquery ui脚本冲突，我所做的是先加载引导脚本，然后加载jQueryUI脚本，这是它工作的唯一方式，但我希望我可以使用引导样式而不是jQueryUI的css来实现这种效果。