如果类处于活动状态，则更改 div 上的文本

Posted 2023-02-22

【中文标题】如果类处于活动状态，则更改 div 上的文本

【英文标题】：Change text on div if class active

【发布时间】：2016-06-16 20:26:49

【问题描述】：

欢迎。一开始我想告诉我们，我的英语很差:-) 所以我在 wordpress 上创建我的网站支持时遇到了问题。我的主题是 fullpane 部分在哪里

<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;">

就像我们可以看到名称“活动”是自动生成的，我认为我可以用它来解决我的问题。

我想在具有固定位置的右侧窗口上创建一些索引“1 for 5 section”，当我滚动到底部时，应该更改数字“2 for 5 section” 所以我创建了 jquery

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

并且无法正常工作。 该页面位于 emotivo.pl/nowe

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

【参考方案1】：

更新

将您的脚本修改为：

<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>

鉴于您的网站覆盖滚动功能，这可能无法通过复制粘贴完全有效，但核心逻辑是相同的。

【讨论】：

不幸的是它不起作用。任何改变。如果我将“活动”更改为“16824 后”开始工作。

它应该看起来像

我已经更新了我的答案。检查这是否有效。

我不知道发生了什么。该脚本粘贴到正文结束标记之前的页脚，我认为可以吗？目前它无法正常工作，当我在加载网站时触摸滚动条时，此 div 中的文本会发生变化，但当我不触摸滚动条时，没有任何变化。即使它会改变，向下滚动后也不会改变，它保持 0 of 5。也许我会给你更多关于这个页面的信息？ J不知道