gpt4 book ai didi

jquery - FadeIn() 不适用于我的代码

转载 作者:行者123 更新时间:2023-12-01 08:01:13 25 4
gpt4 key购买 nike

这是我的代码..我想要应用淡入淡出,我按照下面的方式做了,但淡入淡出没有应用

<script type="text/javascript">
$(document).ready(function(){

var i = 1;

$('#accLink').click( function(){

if(i<=3){
$('#accCnt').append('<div>hello Testing</div>').fadeIn(100);
}

i = i+1

});
});
</script>
<body>
<div class="accordion"> <a href="#" id="accLink" class="accHd">Home</a>
<div id="accCnt"> Div Content 1<br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
</div>
</body>

最佳答案

您当前的代码会附加新的 div,然后尝试淡入 #accCnt - 这不会起作用,因为当然,它已经可见。将新的 div 放入 jQuery 集合 ($()) 中,然后调用 fadeIn()

尝试这样的事情:

$('#accCnt').append($('<div>hello Testing</div>').fadeIn(100));

JSFiddle

关于jquery - FadeIn() 不适用于我的代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19677742/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com