javascript - Jquery keydown 只能工作一次

Question

编辑:我通过将 = 更改为 == 来解决它，但这并没有完全解决它，但后来我对 $currentSlide 添加了更改，现在它可以工作了!耶!

            $(document).keydown(function(e) {
            if(e.keyCode == 39)
                {
                    if($currentSlide == $slide1){
                        slideShow(slide2);
                        $currentSlide = $slide2;
                    }
                    else if($currentSlide == $slide2){
                        slideShow(slide3);
                        $currentSlide = $slide3;
                    }
                    else if($currentSlide == $slide3){
                        slideShow(slide1);
                        $currentSlide = $slide1;
                    }
                }
        })

我已经搜索了答案，但没有找到任何适合我的问题的内容。我是 javascript 新手，所以请耐心等待。

我有一个可以用作幻灯片的功能。 (我在 jquery 变量前面使用 $，我也有很多 javascript 变量，所以我只是用它来分隔它们。)

var $currentSlide = "#slide1";
var $slide1 = "#slide1";
var $slide2 = "#slide2";
var $slide3 = "#slide3";

function slideShow($slide) {
    if ($slide != $currentSlide){
        $($currentSlide).fadeOut(500);
        $($slide).delay(500).fadeIn(500);
        $currentSlide = $slide;
    }
};

为了调用此函数，我使用了一个带有参数的简单链接，具体取决于哪张幻灯片处于事件状态。

onclick="slideShow(slide2)"

然后我想通过按键(向右)更改幻灯片。这是我的按键代码:

$(document).keydown(function(e) {
    if(e.keyCode == 39) {
        if ($currentSlide = $slide1){
            slideShow(slide2);
        } else if($currentSlide = $slide2) {
            slideShow(slide3);
        } else if($currentSlide = $slide3) {
            slideShow(slide1);
        }
     }
})

使用链接时它工作得很好，但是当我按下键时它的行为非常奇怪。第一次点击就像一个魅力，但之后就不再起作用了。如果我单击获取第三张幻灯片，再次单击会将下一张幻灯片放在幻灯片 3 的顶部，但幻灯片 3 永远不会消失。

我意识到我在这里犯了一些巨大的错误，但我还是一个初学者，无法修复它。有任何想法吗？

Answer 1

您的 if-else 条件将始终为 true，因为您使用了“=”而不是“==”。因为你的第一个 if 条件为真，所以它总是显示幻灯片2，并且在你看来它只工作了一次

$(document).keydown(function(e) {
    if(e.keyCode == 39) {
        if ($currentSlide == $slide1){
            slideShow(slide2);
        } else if($currentSlide == $slide2) {
            slideShow(slide3);
        } else if($currentSlide == $slide3) {
            slideShow(slide1);
        }
     }
})

如果您使用的是幻灯片，第二个问题可能是由幻灯片上的时钟引起的。当您单击下一个/上一个按钮时，您需要重置幻灯片的时钟。