Rails 4 Javascript Image Path

Rails 4 Javascript Image Path

本文关键字:Path Image Javascript Rails      更新时间:2023-09-26

我正在尝试在 rails 应用程序上的 javascript 中加载图像,

javascript在应用程序中工作,只是选项卡图像没有加载,并认为这可能是图像路径问题,图像位于图像文件夹中。

$(function(){
         $('.divslide').SlideOut({
             Handle: '.handle',  
             pathToTabImage: 'images/menu.png', 
             ...

我尝试过改变路径,但没有运气,任何帮助都会很棒,谢谢。

首先,请确保您的.js文件有.erb扩展,例如

main.js -> main.js.erb

现在您可以使用 asset_path() 助手:

$(function(){
     $('.divslide').SlideOut({
        Handle: '.handle',  
        pathToTabImage: '<%= asset_path("images/menu.png") %>', 
        ...

图像必须位于app/assets/images文件夹中的位置。

更改路径并使其正常工作

$(function(){
     $('.divslide').SlideOut({
         Handle: '.handle',  
         pathToTabImage: 'images/menu.png', 
         ...

$(function(){
     $('.divslide').SlideOut({
         Handle: '.handle',  
         pathToTabImage: 'assets/menu.png', 
         ...

我认为如果它在图像文件夹中,那么它应该是

pathToTabImage: 'assets/images/menu.png',  

正确的路径应该是/assets/menu.png