滑动每张照片的下一个上一个锚点

Question

从下面的JSFIDDLE链接可以看到，下一个和上一个功能正常运行。相应地，它将用户带到下一张或上一张照片。我面临的问题是，当用户通过单击下一步按钮到达最后一张照片，然后再次按“下一步”按钮时，该功能将冻结，并且直到再次刷新页面后该功能才起作用。用户在第一张图片上时，对于第一张图片也会发生这种情况，如果单击“上一页”按钮，则页面将冻结，并且该功能不再起作用。请检查演示以及有关如何解决该问题的建议？

https://jsfiddle.net/jpex4908/1/

var $jq = jQuery.noConflict();  

$jq(document).ready(function($jq) {
    var scrollTo = function(yoza) {
        $jq('html, body').animate({
            scrollTop: $jq(yoza).offset().top
       }, 300);
    };

    $jq('.next').click(function(event) {
        event.preventDefault();
        var $jqcurrent = $jq('.home-block > .current');
        if ($jqcurrent.index() != $jq('.home-block > div').length - 1) {
            $jqcurrent.removeClass('current').next().addClass('current');
            scrollTo($jqcurrent.next());
        }
    });
    $jq('.prev').click(function(event) {
        event.preventDefault();
        var $jqcurrent = $jq('.home-block > .current');
        if (!$jqcurrent.index() == 0) {
           $jqcurrent.removeClass('current').prev().addClass('current');
            scrollTo($jqcurrent.prev());
        }
    });
});