带有 Rails 4.2.0 的 Fotorama jQuery Gallery(Turbolinks 问题)

Posted

技术标签:

【中文标题】带有 Rails 4.2.0 的 Fotorama jQuery Gallery(Turbolinks 问题)【英文标题】:Fotorama jQuery Gallery with Rails 4.2.0 (Turbolinks issue) 【发布时间】:2015-07-14 07:13:29 【问题描述】:

Fotorama jQuery Slider 工作正常;但是,它不适用于 Turbolinks(我宁愿不禁用 Turbolinks)。

当它所在的页面通过 Turbolinks 加载时,如何使这个 jQuery 滑块加载?

application.js 我有以下处理 Turbolinks 的代码:

var ready;
ready = function() 
  // javascript to be triggered by Turbolinks/page:load event
;

$(document).ready(ready);
$(document).on('page:load', ready);

我可以在这部分 JavaScript 中添加一个函数来加载 Fotorama 滑块吗?

任何想法/反馈表示赞赏。

提前致谢。

【问题讨论】:

【参考方案1】:

是的。

我从未使用过这个 Fotorama 滑块,但查看它的文档我认为你可以做到这一点

$(document).on('ready page:load',function()
   $('.fotorama').fotorama();
);

【讨论】:

【参考方案2】:

我推荐JQuery-Turbolinks gem。我自己用它。只需将其添加到 Gemfile,包更新即可。

【讨论】:

以上是关于带有 Rails 4.2.0 的 Fotorama jQuery Gallery(Turbolinks 问题)的主要内容,如果未能解决你的问题,请参考以下文章

将fotorama缩略图对齐到左侧

html 使用缩略图导航的Fotorama示例用法

html 使用键盘和全屏启用Fotorama示例

Ruby on Rails Rake在将rails项目从4.1.9更新到4.2.0后抛出“不正确的表名”错误

Magento 2 - 如何在 Fotorama JS 中替换 webP 图像

未读取 database.yml 中的 ENV 变量(Rails 4.2.0、RubyMine 7、Postgres、Ruby 2.2.0、DotEnv)