Rails 4 数据切换的link_to链接

Question

如何在Rails 4中使用link_to方法实现与以下代码相同的效果：

  <a href="(mysite.example.com)" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Facebook">

- Zippo9

Answer 1

<%= link_to 'my site', 'mysite.example.com', { :class => 'tooltips', 'data-toggle' => 'tooltip', 'data-placement' => 'top', :title => '', 'data-original-title' => 'Facebook' } %>

或者

<%= link_to 'my site', root_path, class: 'tooltips', title: '', data: { toggle: 'tooltip', placement: 'top', original_title: 'Facebook' } %>

或者

<%= link_to 'my site', { controller: 'home', action: 'index' }, { class: 'tooltips', title: '', data: { toggle: 'tooltip', placement: 'top', original_title: 'Facebook' } } %>

- makhan

---

谢谢，我之前很难得到正确的语法。 - Zippo9

有点令人困惑，因为link_to有多个定义，其中大多数将两个哈希作为参数，这意味着仅列出选项在大多数情况下都不起作用。请查看http://apidock.com/rails/ActionView/Helpers/UrlHelper/link_to上的签名部分。 - makhan

谢谢，我确实在理解这个方面有困难，会努力的。 - Zippo9

有趣的是，在使用此选项卡时，添加data-toggle选项后，单击链接不会产生任何作用，似乎完全禁用了它们。 - Riptyde4

Answer 2

一个简单的工作示例，可复制和编辑：

<%= link_to "My hidden stuff", "#collapseArea", { class: "btn btn-light", 'data-toggle': "collapse" } %><br><br>

<div class="collapse" id="collapseArea">
  <p>Hidden</p>
  <p>content</p>
  <p>goes</p>
  <p>here</p>
</div>

- stevec