「もっと読む」トグルで切り捨てられるレール

Question

「もっと読む」をクリックして他のコンテンツと一緒にスライドさせるというオプションで切り捨てたい段落があります。コンテンツはデータベースフィールドから取得されています。ここで私は切り捨てのために持っているものだ：

<%= truncate(@major.glance, :length => 250, :omission => '... Read More')%> 

私は、データベースから引き出さデータでこれを行うための方法を見つけるように見えることはできません。別のdivタグで非表示にするテキストでフルテキストを使用する例がたくさんあります。しかし、このコンテンツはデータベースから来ており、動的なので、私はそれを行う方法に関する情報を見つけることができません。

Answer 1

次

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

を試すことができたり、Railsの4であるのでRead moreリンク

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

UPDATE

を使用することを好む場合、link_to_functionは廃止され、それがあります妨害のないjを使用することをお勧めします。以下を使用してください。

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

Answer 2

私はこの会話に少し遅れて参加しています。私は上記の解決策を試してみて、同じ問題に取り組んでいます。うまくいきます。しかし、非表示になっているSEOの賢明なコンテンツは、検索エンジンによってインデックスに登録されていませんでした。私はLynxもチェックしており、リンクは（明らかに）追跡できません。だからJed Foster | readmore.jsでこの解決策を解決しました - lynxは正しく読むことができ、SEインデックスが更新されるのを待っていて、検索結果に自分自身が見つかるかどうかを確認しています。ちょうど誰かが同様の状況にある場合に備えて...