JQuery onmouseover 只影响一个组件

发布于 2024-10-18 09:41:54 字数 141 浏览 2 评论 0原文

我正在尝试为 html 中名为 switch 的所有 div 创建一个动画。想象一下典型的 iPhone Cocoa 开关。动画工作正常,但它仅适用于第一个组件,而不适用于所有组件,尽管它们都称为 switch

有什么建议吗?

谢谢!!

I'm trying to create an animation for all the divs called switch in the html. Imagine for example the typical iphone Cocoa switch. The animation works Ok, But it's only applied to the first component not for all of them, although they are all called switch

Any suggestion?

Thanks!!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

空宴 2024-10-25 09:41:54

我们将更改您的处理程序:

$('.photoItemWhite').mouseover(function() {
  $(this).animate({top: '-25px'}, 500);
});

当 jQuery 调用您的事件处理程序时,它将确保 this 引用正在为其调用处理程序的元素。

Well change your handler:

$('.photoItemWhite').mouseover(function() {
  $(this).animate({top: '-25px'}, 500);
});

When jQuery calls your event handler, it will make sure that this refers to the element for which the handler is being invoked.

苍风燃霜 2024-10-25 09:41:54
$(".photoItemWhite").mouseover(function(){ $(this).animate({ top: "-25px" }, 500 ); });

使用关键字

$(".photoItemWhite").mouseover(function(){ $(this).animate({ top: "-25px" }, 500 ); });

use this keyword

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文