首页 / JQUERY / javascript – 使用jQuery隐藏然后附加数据

javascript – 使用jQuery隐藏然后附加数据

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用jQuery隐藏然后附加数据，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1045字，纯文字阅读大概需要2分钟。

内容图文

通过单击链接.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>

内容总结

以上是互联网集市为您收集整理的javascript – 使用jQuery隐藏然后附加数据全部内容，希望文章能够帮你解决javascript – 使用jQuery隐藏然后附加数据所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/818275.html

来源：【匿名】