javascript - 在 Rails 部分鼠标悬停时显示/隐藏 div

Question

我正在尝试在悬停时显示/隐藏的部分内添加设置链接。

部分已经显示了每个项目的 ID。

.item{:id => dom_id(campaign)}
  .. content here

我对如何编写一个仅在父 div 悬停时显示/隐藏链接的 js 函数有点困惑。

Answer 1

根据您的 jquery 标记和 haml 示例，如果您的 html 如下所示：

.parent_div
  .item{:id => dom_id(campaign)}

然后你的 jQuery 看起来像这样：

$('.parent_div').hover(
  function() {
    $(this).find('.item').show();
  }
, function() {
    $(this).find('.item').hide();
  }
);

Answer 2

甚至你可以用javascript做到这一点..

例如，

function showDiv() {
document.getElementById('test').style.display = "block";
}
function hideDiv(){
document.getElementById('test').style.display = "hide";
}

<div id='test' onmouseover='showDiv()' onmouseout='hideDiv()'>
content...
</div>