Я использую jquery на моей веб-странице, но fadeIn и fadeOut не работают после первых двух раз. я попытался показать (500,...), скрыть и оживить, с облегчением и без него, но он ведет себя одинаково. вот один из div, я хочу fadeIn
<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 в текстовом поле)
//извиняюсь за мой английский
edit: Когда страница загружается, она замирает правильно, если вы помещаете leter в текстовое поле, она будет правильно исчезать на значке, но когда вы только нажимаете кнопку ввода, она будет появляться через некоторое время.
Извините, я не могу правильно показать код, поэтому код является первым прокомментированным кодом в MyPage
В вашем скрипте (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;
}
С первого взгляда, не выходя на ваш сайт, ваше время неверно. См. Править ниже.
$('#rfcdiv').fadeIn(function () {
recheck_ticket(1);
}, 500);