固定元素的jquery.ui隐藏

Question

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

当我加载页面时，我想要显示它5秒，然后使它消失。

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

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

如果我使用固定或绝对位置，并且我需要将消息放在页面顶部的固定位置，则它不会执行“动画”。

有没有解决这个问题的办法？谢谢你的帮忙

Answer 1

要在页面加载时调用事件，请使用：

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

如果你只想使用"clip“，试试这个：

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