[英]Adding prev/next buttons in Vegas slider
我有一個簡單的滑塊,可以滑動一些圖像並使用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時,我在控制台中收到的錯誤是
未捕獲的ReferenceError:未定義$ elmt
我試圖在這里關注他們的文檔: https : //vegas.jaysalvat.com/documentation/methods/
而不是$elmt.vegas
嘗試使用$(".slider").vegas
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.