个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我正在测试 Turbolinks 是否有效可以帮助我们的 Web 应用程序看起来更快一些，表现得“几乎像”单页应用程序。
由于我们已经对所有链接的所有点击都有一种“主钩子(Hook)”，所以我设置 data-turbolinks="false"关于<body>然后更改我们的点击处理程序以调用 Turbolinks:
function goToUrl(url) {
// some controls here, and then ...
Turbolinks.visit(url);
}
我还禁用了缓存并将根设置为 / :
<meta name=\"turbolinks-cache-control\" content=\"no-cache\">
<meta name=\"turbolinks-root\" content=\"/\">
但是，我注意到它总是执行标准的页面更改，而不是它的“魔法”。
如果我从控制台调用该方法，也会发生同样的情况，不会显示错误或警告，但页面加载正常，而不是使用 Turbolinks“魔法”。
它唯一起作用的时候是访问根地址( "/" )时。
除了简单地使用 visit() 之外，是否还涉及更多配置方法？
编辑:
经过进一步测试，我注意到，当调用Turbolinks.visit(url)时似乎“失败”，通过发出正常的页面导航，它返回一个像这样的对象，记录时如下所示:
Object {
absoluteURL: "URL WHERE I TRIED TO NAVIGATE",
requestURL: "SAME AS ABOVE"
}
当我测试正确加载的唯一地址时，我得到了一个不同的对象:
turbolinks:visit {
target: HTMLDocument → /,
isTrusted: false,
eventPhase: 0,
bubbles: true,
cancelable: false,
defaultPrevented: false,
composed: false,
timeStamp: 1492781909168000,
cancelBubble: false,
originalTarget: HTMLDocument → /,
explicitOriginalTarget: HTMLDocument → /
}
在第一种情况下，它看起来像一个普通对象，而第二种情况看起来更像是一个事件；但这无助于识别导致其无法正常工作的问题。
最佳答案
最后我发现原因是我们所有的链接都是 PHP 文件，例如 /folder/index.php?p=1&x=2，而 Turbolinks 会检查其中，如果链接有扩展名，则它必须是 htm、html 或 xhtml 之一。
所以我尝试用另一个函数覆盖该函数，如下所示:
Turbolinks.Location.prototype.isHTML = function() {
return this.getExtension().match(/^(?:|\.(?:htm|html|xhtml|php))$/);
};
这样做之后，它开始按预期工作。
关于javascript - Turbolinks 总是像往常一样加载页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43323305/
27
4
0
如果我有一个永远不应该被缓存并且应该总是从服务器检索的页面，当用户按下后退按钮时，我怎样才能让 turbolinks 做到这一点？它只会服从来自 http 响应的缓存控制指令吗？ 最佳答案 这在 Tu
下面是显示 mdl 菜单的代码。他们单击编辑按钮，然后出现一个菜单。 edit change do something else 不幸的是，当用户单击后退按钮返回带有下拉菜单的页面时，下
我看到在 Gemfile 中加载了两个 gem，那么加载这两个 gem 还是只使用一个是否有意义？ gem 'jquery-turbolinks' gem 'turbolinks' 谁能告诉我为什么使
我正在运行 Rails，我在 body 标签的末尾有这段代码。 :javascript var _urq = _urq || []; _urq.push(['initSite', 'mySit
首先，所有受限制的 javascript 都运行得很好。 但是，从我导航到另一个页面的那一刻起，任何事件都会被多次触发。如果我刷新页面，一切都会恢复正常。 在 jquery.turbolink 文档中
根据“跟随重定向”的 Turbolinks 5 文档 (https://github.com/turbolinks/turbolinks#following-redirects): When you
我已经正确连接了 hotwire/turbo 以在我页面的一个地方对单个模型进行 crud 操作，但我想在我页面的不同位置同时更新同一个模型出色地。我以为我可以只设置两个流，但它似乎不起作用。 根据我
有时，希望在页面访问之间保持滚动位置。 加载数据后，Turbolinks会重置滚动位置。 如何为特定元素禁用它？ 最佳答案 我在ES6中的解决方案: const turbolinksPersistSc
我的脚本仅在刷新页面时才起作用，因此我尝试仅针对该页面禁用 Turbolinks。下面的代码不起作用。但是，如果我将“data-no-turbolink”属性直接添加到 application.htm
我认为是 Turbolinks 导致了此问题，但如果我在登录时位于我的 root_path 上并转到一堆不同的页面，然后返回到我的 root_path并且页面的大部分主要部分不会显示。 日志显示所有元
我在使用 Rails 中的 Turbolinks 时遇到了一些恼人的问题，我希望你们中的一些人能帮助我解决这个问题。 我正在使用 jQuery-address 将哈希值添加到我的 url，以便在出现特
我有一个具有两种布局的 Rails 4 应用程序，它使用 Turbolinks 和 Devise。用户注销时显示一种布局，登录时显示另一种布局。 在这两种布局中我使用不同的样式表。 问题是，当我打开两
我正在尝试创建一个 ruby on Rails 项目，作为该项目的一部分，我正在使用 this用于管理标签输入的 jQuery 插件。然而，标签字段在第一次刷新时有效，但在任何页面加载后都无效，我
在我的 Rails 5 应用程序上，我有一个应该在 scroll 事件上触发的脚本，但由于某种原因，我无法使其与turbolinks gem 一起使用。 我的代码: 第一次尝试: $("#side-b
我的页面上有一些图像、第三方脚本、插件(例如 Facebook 和 YouTube 小部件)和 iframe(例如 YouTube 视频)，但仅当所有这些都完全加载时(页面之后)，我才需要运行片段改变
我正在测试 Turbolinks 是否有效可以帮助我们的 Web 应用程序看起来更快一些，表现得“几乎像”单页应用程序。 由于我们已经对所有链接的所有点击都有一种“主钩子(Hook)”，所以我设置 d
我正在使用 Rails 4。我的 shared.js.coffee 中的这段代码在没有 Turbolinks 的情况下工作正常: jQuery -> $('input.autocomplete,t
我正在使用带有turbolinks 的Rails 5 和summernote，它是一个简单的所见即所得编辑器。我目前正在turbolinks:load 上加载插件，如下所示: $(document).
我有这个链接 该页面包含: $(document).on('turbolinks:load', function(){ // some correct javascript here });
我对当前默认的 turbolinks 推荐加载事件有问题: document.addEventListener('turbolinks:load', function() { … }); 发生的事
我是一名优秀的程序员,十分优秀！