Rails 4,Turbolinks 3,部分替换

时间:2015-05-08 09:00:16

标签: ruby-on-rails ruby ruby-on-rails-4 turbolinks

如何使用这个新的Turbolinks 3.0(分支:'master')和Rails 4.2?

我正在尝试,我从Chrome获得此错误:

Uncaught SyntaxError:意外的令牌:

如果我使用这样的部分替换:

<%= link_to "Something", root_path %>

然后在同一页面中:

<script> Turbolinks.visit(url, { change: 'areaDiv' }); </script>

根据文档:https://github.com/rails/turbolinks#partial-replacements-with-turbolinks-30

页面完全重新加载,我收到了这个错误。怎么办?

编辑后的日子

我有Rails 4.2.1标准。

在Gemfile中我添加了:

gem 'turbolinks', :github => 'rails/turbolinks', :branch => 'master'

现在在一个控制器中我有:

def ok_category
      render plain: "Ok", change: 'categoriesdiv'
  end

或者这个:

 def red_category
      redirect_to "http://www.google.com", change: 'categoriesdiv'
  end

或其他类似的:

def red_category
      render partial: 'category_choose', change: 'categoriesdiv'
  end

如果我在每一行的末尾添加, turbolinks: true,也就是没有!

我的chrome窗口标题正在以简洁的“未定义”进行更改,但如果我使用Chrome开发人员工具,它会在“网络”标签中告诉我,使用“GET”方法向服务器发出请求,“304”状态,“文本/ Javascript”类型,都没有错误。

在application.html.erb中我有:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello!</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>
<div class="container">

<div id="test"><%= Time.now.to_s %></div>
<div id="links"><%= link_to "Testmylink", ok_category_path(1), remote:true %></div>

<%= yield %>

<div id="categoriesdiv" data-turbolinks-temporary>Yes yes!</div>
<footer class="footer">
  <p class="text-center">Hello!</p>
</footer>
</div>
</body></html>

我有什么问题?

2 个答案:

答案 0 :(得分:1)

Turbolinks很棘手,无论哪种方式都是值得花费一些时间的资源。我看到你写的内容和做法之间存在轻微的语法区别。

https://github.com/rails/turbolinks/issues/448

答案 1 :(得分:0)

使用link_to时,remote参数告诉rails使用turbolinks来关注链接,因此我认为您需要remote: true

你还需要添加你的更改区域,我不确定那个位,但我会选择这样的东西:

<%= link_to "Something", root_path, remote: true, { :change => 'areaDiv' } %>