Question

我使用JQuery函数在rails应用程序中扩展和收缩ul列表。一切都在当地顺利进行。但是，在部署到heroku后，无法显示图像。

$(function()
{
 ...
    opener: {
       active: true,
       close: '/assets/Remove2.png',
       open: '/assets/Add2.png',

       openerCss: {
         ...
  });

Github Repo：https://github.com/ReemAlattas/AT2

Heroku App：http://at2.herokuapp.com/plans

谢谢！

Answer 1

为您的Javascript文件提供.erb结尾，然后您可以正确使用资产管道：

$(function()
{
 ...
    opener: {
       active: true,
       close: "<%= asset_path('Remove2.png') %>",
       open: "<%= asset_path('Add2.png') %>",

       openerCss: {
         ...
  });

现在，当您部署到Heroku时，您的图像将在预编译后获得正确的摘要文件名。

Answer 2

只需查看heroku页面和github repo。该图像是@rlarcombe指出的，但我看到了另一个问题，你在模板中调用了原始脚本标记：

<script src="/assets/jquery-sortable-lists.js"></script>

获得预编译时会出现问题。您可以尝试使用javascript_include_tag替换所有本地脚本标记，看看它是否有效：

<%= javascript_include_tag "jquery-sortable-lists" %>

将rails应用程序部署到Heroku后，不会显示JQuery函数中的图像

2 个答案: