小编Nic*_*k M的帖子

嗨,我知道之前有人问过,但这里没有答案似乎对我有帮助.

我有这块JS:

$(document).ready(function() {
    $('.play-icon-hover').hover(function() {
         $('.cms-model-banner-overlay').addClass('.cms-model-banner-overlay-active');
        }, function() {
         $('.cms-model-banner-overlay').removeClass('.cms-model-banner-overlay-active');
    });
});

我似乎得到了这个错误,但我不明白为什么？

Uncaught TypeError: $(...).ready is not a function

谢谢

您好，我只是想知道页面加载后如何选择第二项？

例如，Owl Carousel通常从第一个项目开始，然后在HTML结构中显示下一个项目，但是当页面加载时，我希望它在下面的HTML中显示第二个项目类：

<div class="full-screen-slider">
    <div id="banner-slider-demo-1" class="owl-carousel owl-theme owl-middle-narrow owl-banner-carousel">
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
        </div>
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
        </div>
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
        </div>
    </div>
   <script type="text/javascript">
        jQuery(function($){
           $("#banner-slider-demo-1").owlCarousel({stopOnHover: true,pagination: true, autoPlay: false,navigation: false,paginationSpeed : 500,singleItem:true,});
        });

    </script>
</div>

我可以用Owl Carousel做到这一点吗？

谢谢，尼克

这是我的代码:

jQuery(function($){
    // ADD CLASS ON LOAD FUNCTION SHOULD WORK HERE

    (function(){
      $('.block-layered-nav dt').addClass('closed');
    });

    $(".block-layered-nav dt").click(function(){
        if($(this).next("dd").css("display") == "none"){
            $(this).next("dd").slideDown(200);
            $(this).removeClass("closed");
        } else {
            $(this).next("dd").slideUp(200);
            $(this).addClass("closed");
        }
    });
});

任何人都可以注意到这个问题吗？

第一个函数应该将dt元素'closed'添加到元素中,但是当页面加载时不是这种情况.

另一个代码只是简单地切换类,这工作正常.