Jquery （平滑滑动）滑块，带动态第一个滑块

我有一个页面，上面有一堆图片。我有一个光滑的滑块，上面有这些图像。无论我点击什么图片，我总是看到第一张图片作为第一张幻灯片。
结构：

#slick-slider
  .slider-for
    .div
      .image{id='<%= @product.id %>'}
    .div
      .image{id='<%= @product.id %>'}
    .div
      .image{id='<%= @product.id %>'}

  .slider-nav
    .div
      .image{id='<%= @product.id %>'}
    .div
      .image{id='<%= @product.id %>'}
    .div
      .image{id='<%= @product.id %>'}

#光滑滑块
.滑块
.分区
.image{id=''''}
.分区
.image{id=''''}
.分区
.image{id=''''}
.滑块导航
.分区
.image{id=''''}
.分区
.image{id=''''}
.分区
.image{id=''''}

我试过：

$('.slider-for').slick('slickGoTo', $("[id=<%= @product.id %>]"));

$（'.slider for'）.slick（'slickGoTo'，$（“[id=]”）；

我需要转到我单击的滑块中的图像

谢谢你的帮助。 亚历克斯

UPD： 更多细节： 单击图像后，滑块将在模式窗口中打开。 假设每个“图像”块都有其唯一的id，我如何关心脚本中的特定id

.image{id='x'}

$('.slider-for').slick('slickGoTo', $("[id=<%= x %>]"));

.image{id='x'}
$（'.slider for'）.slick（'slickGoTo'，$（“[id=]”）；

---

这不起作用。

看起来您在每张图像中使用的id都相同。。。也许这就是问题的原因？谢谢你的回复！不是这样，Id是由循环定义的，所以每个“图像”块都有唯一的Id。