RJS 템플릿을 사용하여 이미지 위에 "div"컨텐츠를 "마우스 오버"표시 할 수 있습니까? 만약 그렇다면, 어떻게?

Question

Ruby on Rails 3을 사용하고 있습니다. 'mouseover'이벤트에 응답하여 HTML 'div'콘텐츠를로드하고 표시하는 이미지가 필요합니다. 마우스로 화살표를 전달하는 방법을 볼 수 있습니다. Stackoverflow.com.

RJS 템플릿을 사용하는 것을 선호하지만이 방법을 사용할 수 있는지 여부는 알 수 없습니다. 당신이 저에게 몇 가지 코드와 설명을 포함한 실제 사례를 만들어 주시면 감사하겠습니다.

Answer 1

확실히 RJS을 피하기 (내가 좋아 한 적이) 직접 JS 가고 싶어 :

http://api.jquery.com/mouseenter/

$('img').mouseenter(function() { 
    $('#my_div').append('<div>Some stuff that need to appear</div>'); 
}); 

환호.