Question

所以我有以下代码在图库中的页面之间导航。

<script type="text/javascript">
    function leftArrowPressed() {
        var url = $('#img_back').attr('href');
        window.location = url;
    }
    function rightArrowPressed() {
        var url = $('#img_next').attr('href');
        window.location = url;
    }
    document.onkeydown = function(evt) {
        evt = evt || window.event;
        switch (evt.keyCode) {
            case 37:
                leftArrowPressed();
                break;
            case 39:
                rightArrowPressed();
                break;
        }
    };
</script>

一切都很好。除非我尝试从第一页（第0页不存在）或超出最后（当前）页面（也不存在）返回。页面数量会不断变化，所以我需要能够超越一个硬数字，但如果它会以最小和最大页面结束会很好。

例如，我目前在图库中有2张图片。如果我在第1页并且我点击左箭头，它会将我带到另一页。我希望它在那种情况下什么也不做。如果我在第2页，如果第3页不存在，我希望它阻止我转到第3页。我想我基本上都在询问是否有办法检查页面是否存在在重定向到它之前？我将如何实现这一目标？

Answer 1

试试这个：

function leftArrowPressed() {
    var url = $('#img_back').attr('href');
    if(!url)
        return;
    window.location = url;
}

Javascript导航未在最后一页上停止

1 个答案: