Jquery 电梯在轨道上工作不太好

我正在使用我为rails应用下载的前端模板，大多数情况下它工作正常，但我无法让ElevateToom功能正常工作

以下是他们的代码：

<div class="thumbnails-show grid_6 omega">
    <img src="images/details-thumb-1.jpg" data-zoom-image="images/details-1.jpg" />
</div>

基本上，所发生的情况是该文本仍然显示在视图中：“data zoom image=”“/>以及未找到图像的图像，并且第二个“缩放”图像未正确显示

有人能看到我哪里出了问题，或者告诉我如何使它像原始模板一样正常工作吗？似乎有人不知何故添加了一个神秘的额外“元素”，但我不知道为什么或如何添加

---

谢谢你的帮助……

我真不敢相信这已经有5年没有人回答了！ 你不会写字

<img src="<%= image_tag

将被呈现为htmls

<img src="pic.url" ../> 

所以你需要写的是：

<img src= "<%= asset_path(@product.image_url) %>" data-zoom-image="<%=asset_path(@product.big_image_url) %>" class="img-zoom"/>

“数据缩放图像=”“class=“img缩放”/>

这是我的代码，它适合我

<script type="text/javascript">
  $(document).ready(function(){
    $('#bg').elevateZoom({
      gallery: 'gallery',
      zoomType: "inner",
      cursor: "crosshair",
      zoomWindowFadeIn: 200,
      zoomWindowFadeOut: 750
    })
  });
</script>

 <%= image_tag @car.image2.url ,id:"bg" , "data-zoom-image" => @car.image2.url %>

$（文档）.ready（函数（）{
$（'#bg'）.elevateToom({
画廊:"画廊",，
zoomType:“内部”，
光标：“十字线”，
zoomWindowFadeIn:200，
缩放窗口：750
})
});
@car.image2.url%>

<img src="pic.url" ../> 

<img src= "<%= asset_path(@product.image_url) %>" data-zoom-image="<%=asset_path(@product.big_image_url) %>" class="img-zoom"/>

<script type="text/javascript">
  $(document).ready(function(){
    $('#bg').elevateZoom({
      gallery: 'gallery',
      zoomType: "inner",
      cursor: "crosshair",
      zoomWindowFadeIn: 200,
      zoomWindowFadeOut: 750
    })
  });
</script>

 <%= image_tag @car.image2.url ,id:"bg" , "data-zoom-image" => @car.image2.url %>