javascript - 如何通过 Assets 管道从 Javascript 中的子文件夹提供图像

Question

所以我的 assets/javascripts 文件夹中有一个文件夹，用于运行名为 galleryview 的图像幻灯片。在这个文件夹中是一个主题目录，其中包含我的“下一个”和“上一个”按钮的图像，因此......

assets/javascripts/galleryview/themes/

现在运行这个的 javascript，通过这个链接到这些图像....

//Determine path between current page and filmstrip images
//Scan script tags and look for path to GalleryView plugin
        $('script').each(function(i){
            var s = $(this);
            if(s.attr('src') && s.attr('src').match(/jquery\.galleryview/)){
                img_path = s.attr('src').split('jquery.galleryview')[0]+'themes/';
            }
        });

但是，我现在在 Rails 应用程序中使用它，所以我需要将此 img_path 行指向

Assets /图像/

那么我的 imag_path 现在应该是什么样子的？

img_path = ?

---

这是 jsfiddle 上的完整 javascript 文件代码....将其复制并粘贴到编辑器中，然后我感兴趣的区域在 389 线附近。

http://jsfiddle.net/thefonso/Sqmxa/

Answer 1

不确定这段代码是否能正常工作，但我认为你可以使用 the image_path helper让你靠近。像这样的东西:

img_path = <%= image_path 'images/'%>;

将其放入.js.erb 文件中，上面显示的 ERB 应该被解析并输出字符串 "/assets/images/"，分配 img_path 到值 "/assets/themes/"

当然，你也可以这样做:

img_path = "/assets/images/";

...但我想，使用助手的好处是万一“ Assets ”路径发生变化，您将不需要更新硬编码字符串。