레일은 on hover 기능으로 자릅니다.

Question

안녕하세요,이 문제를 해결하기 위해 몇 가지 아이디어를 수집하려고합니다. 나는 길이가 30 문자 이상인 회사의 이름을 잘라내 기 위해 레일을 사용하고 있습니다. 이름이 너무 길면 다른 물건을 잘라 버리고 스타일을 망칠 것입니다. 페이지의 헤더에 회사 이름이로드됩니다. 잘라 버릴 내가이 서버 쪽 있습니다.

truncate(company.title, :ommision => "...", :length => 20) 

아마도 jQuery에서 뭔가 할 수 있습니다. 그래서 내가 잘린 텍스트 위에 마우스를 가져 가면 그 이름이 바로 위를 가리킬 것입니다. 또는 당신이 더 나은 방법을 알고 있다면 아무것도 멋질 것입니다.

Answer 1

나는 이와 같은 것을 제안 할 것이다.

이와 비슷한 방법으로 도우미를 만드십시오. truncate 메서드는 length 매개 변수를 사용하는 데 사용되지만이 메서드는 변경되었으며 이제는 매개 변수의 해시가 필요합니다.

def truncate_with_hover(text_to_truncate, length = 30) 
    "<span title='#{text_to_truncate.gsub("'","\\'")}'>#{truncate(text_to_truncate, :length => length)}</span>" if !text_to_truncate.blank? 
end