Rails link_to 在按钮元素中不起作用

Question

我有以下 HTML 和 .erb 代码：

<button type="button" class="btn btn-default btn-lg"><%= link_to "Customer Information", customer_information_path %></button>

链接呈现正常，但单击时什么也不做。

这是我的路线文件：

  devise_scope :user do
   root :to => "devise/sessions#new"
  end

  get "hub" => "pages#hub"
  get "customer_information" => "pages#customer_information"

这是我的页面控制器：

class PagesController < ApplicationController

 def hub
 end

 def customer_information
 end

end

代码不会抛出任何错误。

想法？

Answer 1

link_to 助手生成一个<a> 元素，你不能将<a> 放在<button> 中，这将违反the content model for <button>：

内容模型：
短语内容，但不得有交互式内容后代。

而interactive content 包括<a>。如果您向浏览器提供 <button><a></a></button>，那么它可能会重写 HTML 以使其有效，或者它可能不会让点击到达 <a>。

考虑使用button_to 来生成<button> 而不是<button> 和link_to，或者尝试在JavaScript 中将点击处理程序添加到<button>。使用button_to 可能会使您的CSS 复杂化，尽管button_to 会添加很多额外的标记（例如<form>s 和<div>s）。另一种选择可能是在工具栏中仅使用<a> 元素，但将它们设置为按钮的样式，然后您可以将link_to 用于整个工具栏。

Answer 2

以下修订有效：

<ul>
  <li><%= link_to "Customer Information", customer_information_path, :class => "btn btn-default btn-lg" %></li>
</ul>

因此，似乎将类应用于 link_to 元素会生成 CSS 结果，并且仍然允许链接起作用。

Answer 3

按钮

基于mu is too short 的回答，您必须考虑button 有什么用 -

标签定义了一个可点击的按钮。

您可以在元素内放置内容，例如文本或图像。 这是此元素与使用创建的按钮之间的区别 元素。

正如mu is too short 所提到的，button 元素是独立的（其中不能包含任何其他元素）。这意味着，如果您想使用按钮创建链接，则必须以不同的方式思考您要实现的目标

--

button_to

Rails 有两种实现“链接”的方式：

• button_to
• link_to

你要找的可能是button_to:

<%= button_to "New", new_articles_path %>
# => "<form method="post" action="/articles/new" class="button_to">
#      <div><input value="New" type="submit" /></div>
#    </form>"

正如您在上面的演示中看到的那样，这创建了一个简单的表单，允许您将数据发送到端点。对于链接来说，这似乎有点过头了，但它是创建“本机”HTML 按钮的最佳方式。或者，您也可以将您的link样式设置为按钮

<%= button_to "Customer Information", customer_information_path, method: :get, class: "btn btn-default btn-lg"