Question

我一直在设计一个网页信息图，其中包含一些动画。所以我添加了一些JavaScript代码，以便在用户到达屏幕时触发动画。

我的问题是如何在JavaScript句子中添加多个div名称？

div的名称是＆＃34; box_info_a＆＃34;，我只需要添加更多，但不知道如何。

这是代码：

$(function() 
    var $window = $(window),
        win_height_padded = $window.height() * 1.1,
        isTouch = Modernizr.touch;
    if (isTouch) {
        $('.revealOnScroll').addClass('box_info_a');
    }
    $window.on('scroll', revealOnScroll);
    function revealOnScroll() {
        var scrolled = $window.scrollTop(),
            win_height_padded = $window.height() * 1.1;
        // Showed...
        $(".revealOnScroll:not(.box_info_a)").each(function () {
            var $this = $(this),
                offsetTop = $this.offset().top;
            if (scrolled + win_height_padded > offsetTop) {
                if ($this.data('timeout')) {
                    window.setTimeout(function() {
                        $this.addClass('box_info_a ' + $this.data('animation'));
                    }, parseInt($this.data('timeout'), 10));
                } else {
                    $this.addClass('box_info_a ' + $this.data('animation'));
                }
            }
        }); // Close Showed...
        // Hidden...
        $(".revealOnScroll.box_info_a").each(function (index) {
            var $this = $(this),
                offsetTop = $this.offset().top;
            if (scrolled + win_height_padded < offsetTop) {
                $(this).removeClass('box_info_a lightSpeedIn')
            }
        });
    }
    revealOnScroll();
});

Answer 1

这样做：

＆＃13;

$(document).ready(function () {
  $('#trigger').click(function () {
    $('#target').addClass("oneClassToAdd anotherClassToAdd");
  });
});

＆＃13;

您所要做的就是在括号中加上两个类。

如何在JavaScript代码中添加许多div

1 个答案: