上一篇: 为什么我不能在外部脚本文件中调... 下一篇:jquery – 将大量客户端数据传递...

Jquery：如何在()和slideDown()之后组合addCLass()

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了Jquery：如何在()和slideDown()之后组合addCLass()，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在尝试将一个Class添加到现有的div容器中,并在现有的div下面插入一个新的div(成功).

<script>
$(document).ready(function(){
  $(".entry").click(function(){
     $('#content').addClass("col2",1000).after('<div class="Box col2">test</div>',function(){
        $(this).slideDown();
     });
  });
});
<script>

不幸的是,此代码无法正常工作. slideDown函数不起作用,即使上一个函数尚未完成,新的div也已经出现.

如果有人可以帮助我会很好.

解决方法

您的结束标记应为< / script>

此外,您想要的效果可能是以下：

$(".entry").click(function() {
    $('#content').addClass("col2").after('<div class="Box col2">test</div>');
    $('.Box:last').hide().show(300);
});

Fiddle here

编辑：基于你的评论,我想也许你想要这个：

$(".entry").click(function() {
    $('#content').addClass("col2");
    setTimeout(function() {
        $('#content').after('<div class="Box col2">test</div>');
        $('.Box:last').hide().show(300);
    },500);
});

Fiddle here