Rails 4:如何在涡轮链接中使用$(document).ready()

I ran into an issue in my Rails 4 app while trying to organize JS files "the rails way". They were previously scattered across different views. I organized them into separate files and compile them with the assets pipeline. However, I just learned that jQuery's "ready" event doesn't fire on subsequent clicks when turbo-linking is turned on. The first time you load a page it works. But when you click a link, anything inside the ready( function($) { won't get executed (because the page doesn't actually load again). Good explanation: here.

所以我的问题是:什么是确保jQuery事件在涡轮链接打开时正常工作的正确方法?您是否将脚本包装在特定于rails的侦听器中?或者也许rails有某种魔力，使它变得不必要?文档对这应该如何工作有点模糊，特别是关于通过manifest(s)加载多个文件，如application.js。

当前回答

我发现下面的文章对我来说非常有用，并详细介绍了以下用法:

var load_this_javascript = function() { 
  // do some things 
}
$(document).ready(load_this_javascript)
$(window).bind('page:change', load_this_javascript)

2015-10-21 14:54:02

其他回答

我刚知道另一个解决这个问题的方法。如果你加载jquery-turbolinks宝石，它会将Rails Turbolinks事件绑定到文档上。ready事件，这样你就可以用通常的方式编写jQuery。你只需要添加jquery。在js的manifest文件(默认:application.js)中，Turbolinks就在jquery之后。

2013-09-16 17:49:38

首先，安装jquery-turbolinks gem。然后，不要忘记将包含的Javascript文件从application.html.erb的body末尾移动到它的<head>。

如本文所述，如果出于速度优化的原因将应用程序javascript链接放在页脚中，则需要将其移动到标记中，以便它在标记中的内容之前加载。这个解决方案对我很有效。

2016-06-21 09:58:11

在Rails 4文档中找到了这个，类似于DemoZluk的解决方案，但略短:

$(document).on 'page:change', ->
  # Actions to do

$(document).on('page:change', function () {
  // Actions to do
});

如果你有调用$(document).ready()的外部脚本，或者如果你不想重写所有现有的JavaScript，那么这个gem允许你继续使用$(document).ready()和TurboLinks: https://github.com/kossnocorp/jquery.turbolinks

2014-02-03 11:06:03

我发现当使用ready和turbolinks的函数时，我的函数翻了一番:load，所以我使用，

var ready = function() {
  // you code goes here
}

if (Turbolinks.supported == false) {
  $(document).on('ready', ready);
};
if (Turbolinks.supported == true) {
  $(document).on('turbolinks:load', ready);
};

这样，如果支持涡轮链接，您的函数就不会加倍!

2019-10-10 06:13:51

或者使用

$(document).on "page:load", attachRatingHandler

或者使用jQuery的.on函数来达到同样的效果

$(document).on 'click', 'span.star', attachRatingHandler

详情请点击这里:http://srbiv.github.io/2013/04/06/rails-4-my-first-run-in-with-turbolinks.html

2013-09-12 17:50:47

Rails 4:如何在涡轮链接中使用$(document).ready()

推荐文章

最新文章

标签