Question

我希望让我的jQuery工具提示在2秒后消失。我使用下面的代码，但只有在鼠标移出后它才会消失。我希望它在打开后2秒消失。

$(function() {
    $( ".name" ).tooltip({ hide: { effect: "explode", duration: 2000 } });

});

由于

Answer 1

尝试使用 setTimeout

这里我将展示一个简单的例子;

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").mouseover(function(){
    $("p").css("background-color","yellow");
 setTimeout (function(){$("p").css("background-color","lightgray");},1000);
  });
  $("p").mouseout(function(){
    $("p").css("background-color","red");
  });
});
</script>
</head>
<body>

<p>Move the mouse pointer over this paragraph.</p>

</body>
</html>

希望它会对你有所帮助！谢谢!!!

使得jQuery工具提示在2秒后消失

1 个答案: