【问题标题】:Rails 4 Data Toggle link_toRails 4 数据切换 link_to
【发布时间】:2015-04-03 16:25:26
【问题描述】:

如何使用 Rails 4 中的 link_to 方法提供与

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

【问题讨论】:

    标签: ruby-on-rails link-to


    【解决方案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' } } %>
    

    【讨论】:

    • 谢谢,我很难找到正确的语法
    • 这有点令人困惑,因为link_to 有多个定义,并且大多数都将两个哈希值作为参数,这意味着在大多数情况下仅列出选项是行不通的。查看apidock.com/rails/ActionView/Helpers/UrlHelper/link_to上的签名部分
    • 谢谢,我确实很难理解这一点,会的
    • 有趣,在导航药丸中使用它时,在添加此数据切换选项时单击链接不会做任何事情,似乎完全禁用了它们
    【解决方案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>
    

    【讨论】:

      猜你喜欢
      • 2017-08-05
      • 2016-02-07
      • 1970-01-01
      • 1970-01-01
      • 2023-04-04
      • 2016-06-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多