【问题标题】:jquery mouseover find() swap divsjquery mouseover find() 交换 div
【发布时间】:2012-04-04 13:34:48
【问题描述】:

我是一个 javascript 新手,在这个简单的事情上需要一些帮助...我希望 div:last 在鼠标悬停在 div:first 上时显示。它们被包裹在 .workpost 中。

我有几个 .workpost,只想触发活动的...

fadeIn 下面的代码闪烁。

$('.workpost').mouseover(function() {
    $(this).find('div:last').fadeIn(200);
    $(this).mouseout(function() {
        $(this).find('div:last').fadeOut(200);
     });
});

【问题讨论】:

  • 您的代码在 mouseover.workpost 上,但您的描述说您希望它在 div:firstmouseover 上。哪个是正确的?
  • 我有一个 div:first 包装在 .workpost 但可能不需要包装器。

标签: jquery html mouseover fadein swap


【解决方案1】:

不要嵌套事件处理程序:

$('.workpost').hover(function() {
    $(this).find('div:last').fadeIn(200);
}, function() {
    $(this).find('div:last').fadeOut(200);
});

【讨论】:

  • 请接受答案。此代码已经在所有“.wordposts”上添加了事件处理程序。你知道 $(".workpost") 是一个包含所有与 ".workpost" 匹配的 DOM 元素的数组,对吗?
  • 是的,我知道.. 不知道如何解释自己。有没有一种简单的方法可以只触发鼠标实际所在的“.workpost”。 =)
  • 这就是 $(this) 的作用。如果你做一个jsfiddle也许会更容易
  • 它起作用了...我与砖石有一些冲突。非常感谢!!新手弓
猜你喜欢
  • 2012-12-21
  • 2013-05-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-08-15
  • 2011-06-25
  • 1970-01-01
相关资源
最近更新 更多