如何使按钮链接到页面？

Question

我是 Rails 和 Bulma 的新手，并试图创建一个可以链接到另一个页面的按钮。 I mean, for example a button named facebook, will link to facebook page, a button named twitter will link to twitter.

这是我的代码。

<div class="field">
 <p class="control">
 <button class="button is-primary is-outlined is-fullwidth">
 <span class="icon">
 <i class="fab fa-twitter"></i>
 </span>
 <span>twitter</span>
 <a href="https://twitter.com/home?lang=en"></a>
 </button>
 </p>
 </div>

我的问题是，我以为这条线会链接到页面 twitter <a href="https://twitter.com/home?lang=en"></a> ，但实际上它不起作用。 我尝试了一些方法，但没有找到任何方法。

大家能给我一些想法吗？ 非常感谢。

Answer 1

正如上面的评论 state 一样，您在这里误用了按钮和链接。 尽量保持你的链接作为加载新页面和按钮的东西，作为提交 forms 并导致 JS 事件的东西。

大多数 CSS 框架将允许您以相同的方式对链接和按钮使用样式，因此您的最终用户不会注意到差异。

如果你想要一个链接，你通常会做这样的事情：

<%= link_to "Link Title", "url-or-path", class: "some-class"

但是，如果您想在链接中添加更多内容，例如在其中放置一个图标（甚至是 div），只需将链接变成一个块：

<%= link_to "url-or-path", class: "some-class" do %>
  <i class="icon-class"></i>
  Link Title
<% end %>

对于您的示例，这看起来像：

<%= link_to "https://twitter.com/home?lang=en", class: "button is-primary is-outlined is-fullwidth" do %>
  <i class="fab fa-twitter"></i>
  Twitter
<% end %>

您将编写一个链接，但您的用户会看到一个按钮。