【问题标题】:How to merge a variable title and link_to button in one button?如何将变量title和link_to按钮合并到一个按钮中?
【发布时间】:2016-10-05 11:25:45
【问题描述】:

我是 rails/html 的新手,我正在努力组合一个从“郊游”到“郊游”的标题,而 link_to 函数会将用户带到有关“郊游”的“更多详细信息”信息。

这两个按钮都是独立编码的,但如果组合起来在轮播中看起来会更好,但我不知道如何将“link_to”添加到 href 或如何添加 进入“link_to”按钮。谢谢!

                        <div class="carousel-caption caption-shadow-large">
                          <p><a class="btn btn-default" href="#" role="button"><%= outing.date_title %></a></p>
                          <div class="btn-group">
                            <%= link_to 'more details', outing, 
                               :class => "btn btn-default align-center" %>
                          </div>
                        </div>

【问题讨论】:

  • 只是为了确保,您想让 link_to 链接显示“outing.date”而不是“更多详细信息”?
  • 是的,没错!

标签: ruby-on-rails ruby html hyperlink


【解决方案1】:

您可以通过此操作自定义要在链接中显示的内容

<div class="btn-group"> 
    <%= link_to(outing) do %> 
        <div class="btn btn-success" role="button">
            <%= outing.date_title %>
        </div> 
    <% end %> 
</div>

检查:http://apidock.com/rails/ActionView/Helpers/UrlHelper/link_to

【讨论】:

  • 谢谢 Arop,这与我所需要的很接近,但是我如何在 Bootstrap 按钮代码中添加它来格式化它,就像我上面使用 :class 按钮格式一样?
  • 你可以在do语句中放任何你想要的东西,也就是说你可以把button标签放在里面像“link_to ... do ... ...结束“
  • 谢谢阿罗普!现在正在工作,这是我使用的最终代码(注意 - 我正在使用引导程序进行格式化)
【解决方案2】:

试试这个:

<%= link_to outing, class: "btn btn-default" do %>
    <%= outing.date_title %>
<% end %>

如果你想组合一些图标(例如 Font Awesome),你可以这样做:

<%= link_to outing, class: "btn btn-default" do %>
    <i class="fa fa-calendar"></i> <%= outing.date_title %>
<% end %>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-01-01
    • 1970-01-01
    • 2021-09-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-03
    • 1970-01-01
    相关资源
    最近更新 更多