javascript - jquery fadeOut 不显示：无；

Question

我正在做一个项目，一旦提交表单，就会有 2 个文本淡入淡出。一切正常。但实际上淡出只是将不透明度设为零。我需要它不显示；

$('#text-7').delay(3000).fadeOut(1000);

在“text-7”下，有一些对象具有鼠标悬停动作。操作完成后，文本不透明度在技术上为零，不显示无。所以下面的物体不能再悬停了。

编辑：

假设这个文本在表单提交之后来来去去

  <div id="storyline">
     <div id="text-6" class="justify-content-center align-items-center">
       <h1 class="text-center">Text 1</h1>
     </div>
     <div id="text-7" class="justify-content-center align-items-center">
       <h1 class="text-center">Text 2</h1>
     </div>
   </div>

现在，在他的下方有一个应该可以悬停的现有对象。但不是，因为 text-7 阻止了它。

标签： javascriptjqueryajax

Answer 1

函数fadeOut() 有一个回调函数，在fadeOut 转换之后执行。

$('#text-7').delay(3000).fadeOut(1000, function (){
   $(this).css({ display: "none" });
});