jquery - Rails Partial を Mouseenter イベントでレンダリングする方法

Question

ここでは jQuery/JavaScript の初心者なので、提供できるヘルプを事前に感謝します。

次を含むページindex.erbがあります。

 <div class="box">
   change me out
 </div>

 <div class="box">
   <p>change me out</p>
 </div>

そして部分的な_more_info.erb

<div class="update">
  <p>You've been changed</p>
</div>

ユーザーがいずれかで「mouseenter」イベントを実行したときにパーシャルをレンダリングする最良の方法は何class=boxですか?

Answer 1

あなたのCSSで：

.update { display: none; }

jQuery ドキュメントの準備完了関数:

$('.box').mouseenter(function() { $('.update').show(); });

Answer 2

var boxHtml = $(".box").html();

$(".box")
    .mouseover(function() {
            $(".box").html("<%= escape_javascript(render(:partial => 'more_info')) %>");      
    })
    .mouseout(function() {
           $(".box").html(boxHtml);
    });