Question

我正在使用有效的admin gem。

我想在我的描述中实现阅读更多功能。

我尝试了以下代码。

它在250之后工作和隐藏字符。

当我们点击阅读更多时，它没有显示

<div>
  <% if @category_name.summary.length > 250 %>
    <%= truncate(@category_name.summary, length: 250) %>
    <%= link_to '...Read more', '', class: "header_section-#{(@category_name.summary)}" %>
    <script>
      $('.read-more-<%= @category_name.summary%>').on('click', function(e) {
        e.preventDefault()
        $(this).parent().html('<%= escape_javascript @category_name.summary %>')
      })
    </script>
  <% else %>
    <%= @category_name.summary %>
  <% end %>
<div>

Answer 1

你应该这样做

<div>
   <% if @category_name.summary.length > 250 %>
    <%= link_to_function truncate(@category_name.summary, length: 250), "$(this).parent().html('#{escape_javascript @category_name.summary}')" %>
  <% else %>
    <%= @category_name.summary %>
  <% end %>
</div>

阅读更多链接

<div>
  <% if @category_name.summary.length > 250 %>
    <%= truncate( @category_name.summary, length: 250) %>
    <%= link_to_function '...Read more', "$(this).parent().html('#{escape_javascript  @category_name.summary}')" %>
  <% else %>
    <%=  @category_name.summary %>
  <% end %>
<div>

注意：添加辅助方法

link_to_function_helper.rb

在Rails 5中实现读取更多的读取功能

1 个答案: