Question

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

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

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

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

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>

在Rails部分上显示/隐藏鼠标悬停的div

2 个答案: