当前位置: 首页 > 知识库问答 >
问题:

TurboLink灯箱(轨道5)

汤玉宸
2023-03-14

我知道这个问题已经被问到了极点,但我仍然无法在我的应用程序中解决问题。我正在运行rails 5应用程序(带有TurboLink和fancybox lightbox gem),并使用一些特定于页面的javascript在模型显示页面上显示图像:

应用html。雇员再培训局

<head>
  ...
  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
  ...
</head>
<body>
  ...
  <%= yield :page_scripts %>
</body>

显示html。雇员再培训局

<% content_for :page_scripts do %>
  <script type="text/javascript">
    $(document).on('turbolinks:load', function() {
      $("a.fancybox").fancybox();
    })
  </script>
<% end %>

我仍然得到经典的反应,即图像加载很好的第一页访问或页面刷新。来回导航会阻止灯箱工作(似乎只是挂在我的箱子里)。

如何使用“TurboLink:load”功能使其正常工作?

共有3个答案

岳均
2023-03-14

我不确定这是否完全符合一个答案,但是考虑到这个链接中的场景非常相似:

https://github.com/fancyapps/fancybox/issues/1413

....我最终听从了他们的建议,使用dataturbolinks=“false”将turbolinks从显示页面中删除。

章涵容
2023-03-14

您可以更改为以下代码。

$(document).ready(function() {
  document.addEventListener("turbolinks:load", function() {
    $("a.fancybox").fancybox();
  })    
});

我希望这对你有帮助。您可以通过此链接查看详细信息。

王才英
2023-03-14

只需使用{父:'body'},它将用Turbolink解决这个问题。

$("a.fancybox").fancybox({parent: 'body'});

信贷:基里尔·普拉托诺夫

 类似资料:
  • Orbit controls(轨道控制器)可以使得相机围绕目标进行轨道运动。 要使用这一功能,就像在/examples(示例)目录中的所有文件一样, 您必须在HTML中包含这个文件。 代码示例 const renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHeight );

  • 使用这个延迟加载代码,我的lightbox中断:单击一个图像显示lightbox,但没有图像。 通过检查inspector,我可以看到lightbox img标签没有值。我猜在延迟加载将属性和值分配给图像之前,lightbox会检查src。 如何解决此问题?

  • 我得到这个信息: 安装rake时出错 我应该如何继续修复此错误?

  • 由于以下错误,rails上的捆绑包安装未完成:Gem::RemoteFetcher::FetchError:SSL\u connect returned=1 errno=0 state=SSLv3读取服务器证书B:证书验证失败(https://rubygems.global.ssl.fastly.net/gems/jbuilder-2.2.5.gem)安装jbuilder(2.2.5)时出错,Bu

  • 我真的需要一些帮助来弄清楚为什么带付款单的灯箱不起作用。 我一直遵循托管支付页面的快速指南(Html JS with PHP),并通过composer和rxp JS jQuery库手动安装了rxp hpp PHP库。 我想我做的一切都很好,但由于某种原因,弹出窗口没有显示。没有错误,资源似乎已加载。有人能帮我发现我缺少什么吗? 这是我的代码,最后我还附上了一张图片。 localhost/addon

  • 问题内容: 跟随Redis Pub / Sub 这工作正常,我可以使用以下任何语言发布消息 使用,我可以验证此请求是否已正确发布 当我将订阅者 块 添加到 其他类(侦听器类)中的 该频道时,问题就开始了,如下所示 中的,还表明侦听器已正确订阅 问题是,当我将订户侦听器类添加到相同的Rails应用程序时…它停止工作,导致侦听Redis服务器并停止执行任何其他代码…它只是坐在那里侦听。 因此,有一种方