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>

当用户在任何class=box上执行“mouseenter”事件时，渲染部分内容的最佳方法是什么？

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

如何使用Mouseover事件呈现Rails部分

2 个答案: