我正在尝试在我的 rails 应用程序中启动并运行 Galleria 幻灯片。它适用于本地服务器(在 Chrome 和 Firefox 上),但不适用于实时服务器(在 Chrome 或 Firefox 上)。在 Chrome 中,幻灯片在加载时会短暂闪烁(可能是 0.25 秒?),然后才会消失。在 Firefox 中,它根本就不会出现。当我查看 Chrome 上的检查元素发生的情况时,在网络选项卡下,它说 Galleria.classic.css 由于 404 错误而被取消。
我的应用程序中有以下代码:(请注意,最初,我在页面上有其他代码,但我将幻灯片拉到了一个仅限管理员的页面,这样我就可以实时检查它而不会弄乱面向客户的东西,仅此而已那在页面上。它在面向客户的页面或管理页面上都不起作用。
在视图中:
<head><link rel="stylesheet" type="text/css" href="assets/libs/galleria/themes/classic/galleria.classic.css"></head>
<body>
<div id="slideshow">
<div id="galleria">
<%= image_tag("pic1_url")%>
<%= image_tag("pic2_url")%>
<%= image_tag("pic3_url")%>
</div>
<script>
$('#galleria').galleria();
</script>
</div>
</body>
在我的 application.css 样式表中,我有:
*= require_self
*= require galleria/themes/classic/galleria.classic
*= require_tree .
*/
在我的 application.js 文件中,我有:
//= require jquery
//= require jquery_ujs
//= require jquery_nested_form
//= require galleria/galleria-1.2.9.min
//= require galleria/themes/classic/galleria.classic
//= require_tree .
我尝试过的修复:
仔细检查我的路径(根据这个答案:Galleria 在所有浏览器中本地工作,但在托管时只有 IE8 和 Chrome)。它们都是正斜杠而不是反斜杠。
在 Galleria.classic.js 中,将 css: galleria.classic.css 更改为 css: false (根据这个答案:Galleria 没有出现在 Rails 应用程序中的 Heroku 上)
我的 Galleria 在 vendor/assets/libs/galleria 的 rails 资产管道中(根据这个答案:Where to put Galleria (jQuery image gallery framework) in Rails 3.1 Asset Pipeline?)
我将 type="text/css" 添加到头部样式表的链接中,(这里的第二个答案:Galleria not loading on initial page visit)
我怎样才能让 Galleria 工作?