jquery - 如何使用 Mousenter 事件渲染 Rails Partial

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);
    });