jQuery淡出为id添加一个类

Question

我有加载程序和视频淡入淡出的场景。淡出＆＃39;＃tout＆＃39;我想添加一个课程，以淡出＆＃39; .loader-box＆＃39;。将方法添加到场景的最佳方法是什么。我尝试使用以下代码但没有成功，任何建议/解决方案都会非常有用。

＆＃13;

＆＃13;

$(document).ready(function() {
    $("#vid-delay").delay(2500).fadeIn(300);
    $("#vid_box") delay(2500).fadeIn(300);
});
$("#nav-toggle") click(function() {
    $(this).toggleClass('menu-is-active')
});


$("#tout").delay(2800).fadeOut();
$(".loader-box").delay(2800).fadeOut();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以将jquery .addClass()功能与fadeIn()一起使用，如下所示。

＆＃13;

＆＃13;

$(document).ready(function() {
   
  $("#tout").delay(2800).fadeOut().addClass("loader-box");
  
  $(".loader-box").delay(2800).fadeOut();
  
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="tout">this will fade out</div>

＆＃13;

＆＃13;

＆＃13;