Question

我在我的网页中使用jquery，但fadeIn和fadeOut在前两次后不起作用。我试过show（500，...），隐藏和动画，有缓和而没有它，但它的行为相同。这是我想要淡出的div之一

    <div id="rfcdiv" style="position: absolute; display: none" >  
<img alt="Ticket" src="images/DATOSfiscales.png" style="position:absolute;width:fit-content;left:0px;top:230px;z-index:18"></img>
<div id="text1" style="position:absolute; overflow:hidden; left:45px; top:341px; width:37px; height:21px; z-index:20"><div class="wpmd"><div><font face="Myriad Pro Light"><B>RFC:</B></font></div></div></div>
<input name="RFC" id="RFC" type="text" maxlength=13 value="<?php if (isset($_GET['rfc'])){echo $_GET['rfc'];}?>" style="position:absolute;width:276px;left:79px;top:340px;z-index:13">
<div id="ValidacionRfc" style="position:absolute; overflow:hidden; left:360px; top:341px;width: fit-content;height: fit-content;z-index:14;display: none" onmouseover="mostrarglobo(1)" onmouseout="mostrarglobo(0)"></div>

这是显示它的代码：

 $("#image1").animate({ height: "450px" }, 800, function () {
 $("#ingresarfolio").animate({ top: "170px" }, 800,  function () {
      $('#rfcdiv').fadeIn(500, function () {
                           recheck_ticket(1);
      });
   });

}）;

你可以在这里试试：MyPage （只需按文本框上的Enter键）

//为我的英语道歉

编辑：当页面加载时，它会正确淡入，如果你在文本框上放置一个leter，它会正确淡化图标，但是当你只按Enter键时它会在一段时间后出现。

抱歉，我无法正确显示代码所以代码是MyPage中第一个注释代码

Answer 1

在您的脚本中（facturar.js）

fadeIn语法是

$('#rfcdiv').fadeIn(function () {
                   recheck_ticket(1);
 }, 2000);

尝试将其更改为

$('#rfcdiv').fadeIn(2000, function () {
                recheck_ticket(1);
     });

参考 .fadeIn()

，然后，

从position:absolute中的所有组件中删除#rfcdiv，然后将它们放入文档流程中。
通过将#rfcdiv，position:absolute和top应用于其中，
和位置left。
像这样

#rfcdiv { display: none; position: absolute; top: 150px; z-index: 999; left: 10px; }

Answer 2

从我第一眼看到的没有进入你的网站，你的时间不正确。请参阅下面的编辑。

  $('#rfcdiv').fadeIn(function () {
                       recheck_ticket(1);
  }, 500);

fadeIn在某些div中用作show（）

2 个答案: