我有一个简单的滑块,它可以滑动一些图像,并且正在使用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');
});
上面的代码生成滑块,并且两个幻灯片和标题都已更改,但按钮不起作用。
当我单击“下一个”或“上一个”时,控制台中显示的错误是
未捕获的ReferenceError:未定义$ elmt
我尝试在此处关注其文档:https://vegas.jaysalvat.com/documentation/methods/
答案 0 :(得分:0)
代替$elmt.vegas
尝试使用$(".slider").vegas