Question

我有一些jQuery样式可以淡化我的徽标和导航。这适用于我的徽标，但是当我将我的淡入淡出类应用到我的导航时，它只有在应用了唯一的类时才有效。有关如何解决这个问题的建议，我可以应用多个类并使淡入淡出工作吗？

这是HTML部分

    <div id="header" class="clearfix shadow">
        <div class="container_12">
            **<div class="fade" id="logo">**
                <?php cudazi_get_logo(); // in functions.php ?>
            </div><!--//logo-->
            **<div class="fade grid_8 menu-container">**
                <ul class="main-menu clearfix"><?php
                    $arr_pages_menu = get_pages(
                        array(
                            'sort_column' => 'menu_order',
                            'sort_order' => 'ASC',
                            'exclude' => array(
                                $custom_settings["page_on_front"]
                            )
                        )
                    );

这是CSS

    .fade { 
display:none;
    }

这是jQuery

    $(window).load(function() {
    $(".fade").each(function(i) {
    $(this).delay(i * 800).fadeIn(8000);
    });
    });

 });

Answer 1

它总是可见吗？如果是这样，我猜测其他类中的一个类在其类中有一个覆盖.fade display：none的显示集。尝试将淡入淡出显示标记为！important：

.fade { 显示：无！重要; }

或切换订单：

“grid_8 menu-container fade”

应用多个类的问题

1 个答案: