我知道这个问题已经被问到了极点,但我仍然无法在我的应用程序中解决问题。我正在运行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”功能使其正常工作?
我不确定这是否完全符合一个答案,但是考虑到这个链接中的场景非常相似:
https://github.com/fancyapps/fancybox/issues/1413
....我最终听从了他们的建议,使用dataturbolinks=“false”将turbolinks从显示页面中删除。
您可以更改为以下代码。
$(document).ready(function() {
document.addEventListener("turbolinks:load", function() {
$("a.fancybox").fancybox();
})
});
我希望这对你有帮助。您可以通过此链接查看详细信息。
只需使用{父:'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服务器并停止执行任何其他代码…它只是坐在那里侦听。 因此,有一种方