通过单击链接.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时,它将被视为一个选择器,因此不会返回任何元素,之后隐藏调用将不会执行任何操作.
您需要隐藏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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。