变量中的jQuery元素不起作用

Question

我不确定为什么这不起作用。我将一个元素存储在一个变量中并在if语句中调用它。如果我使用它可以使用的实际元素，但作为变量它不会。

        //General Variables 
        var $next = $('.icon-next');
        var $prev = $('.icon-previous');

这不起作用：

        //Show Nav
        if(currentImage == 1){
          $prev.hide();
        } else {
          $prev.show();
        }

这样做：

           //Show Nav
            if(currentImage == 1){
              $('.icon-previous').hide();
            } else {
              $('.icon-previous').show();
            }

全范围：

$('a[ocular-image]').off().on('click', function(e) {

        event.preventDefault();

        //General Varibales 
        var $next = $('.icon-next');
        var $prev = $('.icon-previous');

        //get the array info
        var dataTag = $(this).attr('ocular-image');
        var ocularTags = $('.site-content').find("[ocular-image=" + dataTag + "]");

        //Get the image info
        var currentImageIndex = ocularTags.index($(this));
        var currentImage = ocularTags.index($(this)) +1;
        var totalImages = ocularTags.length;
        var url = $(this).attr('href');
        var title = $(this).children().attr('title');

        //Show Nav
        if(currentImage == 1){
          $prev.hide();
        } else {
          $prev.show();
        }
});