变换功能内的滑动滑块功能不起作用

Question

我已经构建了一个具有颜色变化选择的产品页面。我试图让它工作，当用户从下拉列表中选择一种颜色时，光滑的滑块将转到相应的幻灯片。

我已将data-attr添加到包含颜色名称的每个光滑幻灯片中，并将其用于幻灯片索引。

当我将它移动到更改函数之外时，slickgoto函数会起作用。

  $( "#pa_colour" ).change( function() { 

    var prod_color = $( "#pa_colour option:selected" ).val();
    var slide_index = parseInt( $( ".slider-for" ).find('[data-color="' + prod_color + '"]').data("slick-index") ) -1;

    $( ".slider-for" ).slick( 'slickGoTo', slide_index, false);

  });

谢谢

Answer 1

不确定false是否必要。你有没有尝试过：

$('.slide-for').slick('slickGoTo', slide_index);

否则我会把它调整为：

var slideshow = $( ".slider-for" );

slideshow.slick({ ... });

$( "#pa_colour" ).change( function() { 

   var prod_color = $( "#pa_colour option:selected" ).val();
   var slide_index = parseInt( $( ".slider-for" ).find('[data-color="' + prod_color + '"]').data("slick-index") ) -1;

   slideshow.slick( 'slickGoTo', slide_index );

});

希望这可以帮助。