Question

我有一个jQuery淡入淡出功能来隐藏和显示评论及其作者。

首先，我只有评论逐渐消失，但现在我想和他们的作者一样。

这是我的功能：

这是第二项这是第三项

    <div id="writtenby">
        <div class="authors" class="item1"><?php the_field('hwrittenby', 'option'); ?></div>
        <div class="authors" class="item2">This is item two</div>
        <div class="authors" class="item3">This is item three</div>
    </div>

    <?php add_action( 'wp_enqueue_script', 'load_jquery' );
        function load_jquery() {
            wp_enqueue_script( 'jquery' );
        } ?>

    <script type="text/javascript">
    jQuery(document).ready(function($) {
        var speed= 1000,
        num = 1,
        timer;

        (function rotate() {
            $(".item"+num).css('visibility','visible').stop(true, true).fadeIn('slow').delay(speed).fadeOut(speed);;
            num>=3 ? num=1 : num++;
            timer = setTimeout(rotate, speed*3);
        })();
    });
    </script>

首先是ID的项目的类。但现在我已将作者添加到该函数中，并将ID更改为类。但现在该功能已停止工作。你们知道为什么会这样吗？

Answer 1

您无法在HTML元素上设置2 class属性。只需将所有类放在一个类属性中即可。

<div class="authors item1">

顺便说一句，如果你需要创建一个唯一的元素，请使用ID而不是类。

如何使用相同的jQuery Fade函数定位多个项目？

1 个答案: