Javascript 通过JS删除X类时添加类_Javascript_Jquery_Html_Class_Slide

Javascript 通过JS删除X类时添加类

javascript jquery html class

Javascript 通过JS删除X类时添加类,javascript,jquery,html,class,slide,Javascript,Jquery,Html,Class,Slide,当另一个类被JS删除时，我试图将一个类添加到div中这是我的HTML： <body class="homepage"> <div id="wrap"> <div id="projects"> <section id="project-0" class="slide active"> Slide 1</section> <section id="project-1" class="slide a

当另一个类被JS删除时，我试图将一个类添加到div中

这是我的HTML：

<body class="homepage">

<div id="wrap">

    <div id="projects">
      <section id="project-0" class="slide active"> Slide 1</section>
      <section id="project-1" class="slide active"> Slide 2</section>
      <section id="project-2" class="slide active"> Slide 3</section>
    </div>
</div>
<div class="content"> Website main content </div>

JS:

谢谢你的缺席检查只开始一次。您必须以100毫秒或任何您想要的时间间隔执行此操作：

setInterval(function()
{
    if (!$("#project-2").hasClass("active")){
        $("body").addClass("shifted");
    }
}, 100);

通过查看JS代码，我相信您希望在向下滚动时将类添加到主体中。您可以尝试以下代码：

function prevSlide() {

    currentSlideIndex--;

    if(currentSlideIndex == (numSlides-1))
    {
        $("body").removeClass("shifted"); // remove the class from body
    }
    if (currentSlideIndex < 0) {
        currentSlideIndex = 0;
    }

    showSlide();
}

function nextSlide() {

    currentSlideIndex++;

    if (currentSlideIndex > numSlides) { 
        currentSlideIndex = numSlides;

        $("body").addClass("shifted"); // add the class to body

    }

    showSlide();
}

请包括所有相关代码，例如当您滚动时删除活动的部分。通过这种方法是不可能的。更好地查看垂直滑块文档并检查其支持的事件。几乎所有流行的slider/carousal都支持它。我们需要针对的事件类似于幻灯片停用或类似的事情。我正在尝试做类似的事情：但我找不到让它像它们一样工作的方法…@patie你知道哪个JS代码正在删除活动类吗？请在这里分享。@vijayP补充道：“谢谢你的回答。”。我从JS开始，所以我不知道如何修复它。。。但是你的代码对我不起作用…@patie-你能检查一下吗。它比这个答案修改了一点。为了便于测试，我添加了一个黄色的背景色。你说得对！我做错了。你能帮我做最后一件事吗？我在这里粘贴了一些内容：但它不可滚动，你知道为什么吗？codepen.io/anon/pen/QvepVr是我的代码版本。您的更改只有在单击Fork按钮时才会保存。url会有一点变化，我们可以说代码被保存了。对不起，我粘贴了你的链接。这是一个：

setInterval(function()
{
    if (!$("#project-2").hasClass("active")){
        $("body").addClass("shifted");
    }
}, 100);

function prevSlide() {

    currentSlideIndex--;

    if(currentSlideIndex == (numSlides-1))
    {
        $("body").removeClass("shifted"); // remove the class from body
    }
    if (currentSlideIndex < 0) {
        currentSlideIndex = 0;
    }

    showSlide();
}

function nextSlide() {

    currentSlideIndex++;

    if (currentSlideIndex > numSlides) { 
        currentSlideIndex = numSlides;

        $("body").addClass("shifted"); // add the class to body

    }

    showSlide();
}