Jquery 当'；点击'；滑动分页

嘿，我试图在使用JQuery时淡出我的“Text”类——当我使用“click”事件时。我已经设法做到了，但它会立即出现，而不是在1.5秒后消失，我哪里出了问题

因此，在CSS中将display设置为none

$(document).ready(function() {
  $(".top-left").click(function() {
    $(this).css("height", "70vh");
    $("#about").css("top", "-20px");
    $("#about").css("transition", "1s");
    $('.text').delay('15000').css('display', 'block');
  });
});

您正在将CSS中的“display”属性设置为“block”。如果您希望文本淡入淡出，则应将其设置为“无”

请尝试以下方法：

$('.text')
  .delay(15000)
  .queue(function (next) { 
    $(this).css('display', 'none'); 
    next(); 
  });

delay（）用于动画（fx）队列。更改css属性不能通过该机制工作，因此不受delay指令的影响

您也可以使用“隐藏”。 例如：

$('.text')
      .delay(15000)
      .queue( function(next){ 
        $(this).hide(); 
        next(); 
      });

---

你能不能把你的问题也编辑成HTML。另外，如果您使用CSS转换设置动画，JS代码似乎有点多余。delay（）只需使用动画函数（淡入、幻灯片、切换）即可使用此$（'.text'）.fadeIn（1500）；不耽搁