gpt4 book ai didi

javascript - 使用 jQuery 隐藏然后追加数据

转载 作者:搜寻专家 更新时间:2023-11-01 05:30:05 26 4
gpt4 key购买 nike

通过单击链接 .link,我想在 div .list 中附加数据数据。我想将它设置为最初隐藏,然后显示它(以创建淡入淡出的效果)。我正在尝试跟随,但它似乎没有做任何事情(我也没有收到任何错误)。有什么问题吗?

HTML:

<div class="wrap">
<div class="box">
<div class="list">

</div>
</div>
<a href="#" class="link">click me</a>
</div>

JS:

$('.link').click(function(e) {
var wrap = $(this).closest('.wrap').find('.list' );
var mydata = "test data";

$(mydata).hide(1000, function(){
$(wrap).append($(mydata));
$(mydata).show(6000);
});

});

JSFiddle 演示: http://jsfiddle.net/9z06nvh7/

最佳答案

mydata 是一个文本,所以当它被传递给 jQuery 时,它将被视为一个选择器,因此不会返回任何元素,并且 hide 调用之后不会做任何事情。

您需要隐藏 wrap 元素并显示它

$('.link').click(function(e) {
var wrap = $(this).closest('.wrap').find('.list');
var mydata = "test data";
wrap.hide().html(mydata).show(6000);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrap">
<div class="box">
<div class="list"></div>
</div>
<a href="#" class="link">click me</a>
</div>

关于javascript - 使用 jQuery 隐藏然后追加数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32864216/

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