【问题标题】:Rails 3: How do you style will_paginate links?Rails 3:您如何设置 will_paginate 链接的样式?
【发布时间】:2011-11-18 21:02:36
【问题描述】:

在编码布局中是链接样式

<a href="#" class="class1 class2 class3"><span>Previous</span></a>
<a href="#" class="class1 class2 class3"><span>Next</span>

我尝试搜索,发现这两个链接的形状可能进行了一些修改。它是:

<div class="pag">
  <%= will_paginate @data, :page_links => false, :next_label => '' %> 
</div>

<div class="pag">
  <%= will_paginate @data, :page_links => false, :previous_label => '' %>
</div>

我的问题:如何将第二个示例更新为第一个示例的形状?我的问题是那两个span 元素...

谢谢

【问题讨论】:

    标签: html css ruby-on-rails-3 view will-paginate


    【解决方案1】:

    http://thewebfellas.com/blog/2010/8/22/revisited-roll-your-own-pagination-links-with-will_paginate-and-rails-3您可以拥有自己的格式化程序,这样您就可以自定义任何您想要的东西。

    【讨论】:

    • 感谢您的评论和链接。我找到了这篇文章,但我无法编辑该文章的链接。因此,我想在这里问...
    【解决方案2】:

    这非常简单 - 只需将分页组件的 html 标记添加到 config/locales/en.yml 文件中 例如:

    en:
      hello: "Hello world"
      will_paginate:
        previous_label: <span class="glyph glyph-prev"></span>
        next_label: <span class="glyph glyph-next"></span>
    

    就是这样!

    【讨论】:

      【解决方案3】:

      维基

      en:
        will_paginate:
          previous_label: "&#8592; Previous"
          next_label: "Next &#8594;"
          page_gap: "&hellip;"
      

      https://github.com/mislav/will_paginate/wiki/I18n#translating-will_paginate-output

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2015-12-31
        • 1970-01-01
        • 1970-01-01
        • 2011-10-22
        • 2020-08-18
        • 2013-05-15
        • 2017-06-02
        • 2022-01-22
        相关资源
        最近更新 更多