如果类处于活动状态,则更改div上

时间:2016-03-03 13:24:04

标签: javascript jquery class

欢迎。一开始我想告诉我们,我的英语很差:-) 所以我在wordpress上创建我的网站支持时遇到问题。我的主题是fullpane,其中是section

<section id="homepage" class="clearfix section-post section-category-136 section-category-home-page default fullwidth post-16824 section type-section status-publish hentry ***active*** fullpage-active" data-anchor="homepage" style="height: 979px; padding: 0px 0px 70px; line-height: 894px;">

就像我们可以看到名字&#39;活跃&#39;是自动生成的,我认为我可以用它解决我的问题。

我想创建一些类似索引&#39; 1 for 5 section&#39;在固定位置的右侧窗口上,当我滚动到底部的数字时,应更改数字&#39; 2为5节&#39; 所以我创建了jquery

<script type="text/javascript">
    $( document ).ready(function() {
        if($( "#homepage" ).hasClass( "active" )){
            $("div#date").text("2 for 5");
        }
    });
</script>

不能正常工作。 此页面位于adress emotivo.pl/nowe

如果我忘了告诉我们重要的事情请告诉我。

1 个答案:

答案 0 :(得分:0)

<强>更新

将您的脚本修改为:

<script>
$(window).scroll(function(){
    var children = $("#superContainer").children(); 
    $(children).each(function(index,value) {
    if($(value).hasClass("active"))
        $("div#date").html(index+" of "+ children.length);
  });
});
</script>

由于您的网站覆盖了滚动功能,因此复制粘贴可能无法正常工作,但核心逻辑是相同的。