将按钮行为交换到另一个元素

Question

所以我正在使用SlickSlider（http://kenwheeler.github.io/slick/），我正在尝试将Next和Prev按钮与其他元素一起使用（跨越另一个容器）。

我试过了：

$('button.next').click(function(){      
    $('#idOfMySpanElement').slick('slickPrev');
}); 

和

$('#idOfMySpanElement').slick('slickPrev');

坚果没有运气。我也尝试了其他的东西，但我甚至都不记得了。

当使用第二种方法时，它会导致错误：无法读取属性'slickPrev'的未定义（...）

所以我在想...有没有办法“获取”原始按钮的行为并手动将它们交换到跨度？

Answer 1

您是否尝试从滑块外部调用next / prev幻灯片？

如果是，请尝试：

$('.what_you_are_clicking_on').click(function(){
    $('.this_is_your_slick_slider').slick('slickPrev');
});

Answer 2

如果您想使用 #idOfMySpanElement 中包含的 button.next 转到普通光面元素，则需要更改处理程序：

    $('#idOfMySpanElement button.next').click(function(){
        $('slickSelector').slick('slickPrev');
    });