jquery.ui隐藏固定元素

Question

我想使用jquery的hide()函数来隐藏页面上闪烁的消息。

当我加载页面时，我希望将其显示5秒然后消失。

$('#flash-message').show("clip");

setTimeout(function() {
    $("#flash-message").hide("clip", { direction: 'vertical' }, 1000);
}, 5000);

它没有动画＆＃34;动画＆＃34;如果我使用固定或绝对位置，我需要将信息放在页面顶部，并保持固定位置。

有解决方法吗？谢谢你的帮助

Answer 1

在页面加载时调用事件：

$(document).ready(function(){ 
   //code here 
});

如果你只想使用“剪辑”，试试这个：

$("#flash-message").hide("clip", {direction: "vertical"}, 5000) 

或者尝试使用animate：

$('#flash-message').animate({
    opacity: 0.25,
    direction: "left",
    }, 5000, function() {
        $(this).hide();
});

或者更简单的事情：

$("#flash-message").click(function() {
  $("#flash-message").fadeOut("slow");
});