Добавление кнопок «предыдущий / следующий» в слайдер Vegas

Question

У меня есть простой слайдер, который скользит несколько изображений и использует Vegas JS.Это то, что у меня есть

<section class="slider fullwidth">

   <div class="caption"></div>

   <div id="buttons">
      <a href="#" id="previous"></a>
      <a href="#" id="next"></a>    
   </div>
</section>
$(".slider").vegas({
      slides: [
          { src: "slide-1.jpg", text: "Text 1" },
          { src: "slide-2.jpg", text: "Text 2" }
      ],
      walk: function (index, slideSettings) {
          $('.caption').html(slideSettings.text);
      }
});

$('#previous').on('click', function () {
    $elmt.vegas('options', 'transition', 'slideRight2').vegas('previous');
});

$('#next').on('click', function () {
    $elmt.vegas('options', 'transition', 'slideLeft2').vegas('next');
}); 

Приведенный выше код создает слайдер, и оба слайда + заголовок изменены, но кнопки не работают.

Когда я нажимаю Next или Previous, я получаю в консоли ошибку:

Uncaught ReferenceError: $ elmt не определено

У меня естьпопытался следовать их документации здесь: https://vegas.jaysalvat.com/documentation/methods/

Answer 1

Вместо $elmt.vegas попробуйте использовать $(".slider").vegas