为什么在 .switchClass 之后 div 不再具有更多的可选性？

发布于 2024-11-30 22:18:42 字数 641 浏览 0 评论 0原文

我认为这个问题可以很容易解决......但不是我！我想为我的 div:hover 创建两个不同的动画，第一个使用 CSS（对于那些不会在 IE 中激活 javascript 的人），第二个使用 JS。两种方法的选择很简单，使用jqwery激活switchClass函数。但发生这种情况后，新类的选择器不起作用，甚至鼠标悬停功能也不起作用！

请帮助我！

这里是代码：

$(document).ready(function () {
    $( ".plateMiddle" ).switchClass( "plateMiddle", "plateMiddleFX");
    });

$(".plateMiddleFX").mouseover(function () {
    $(this).stop().find('img').animate({opacity: '0'},{queue:false, duration:500}),
    $(this).stop().animate({width: '265'},{queue:false, duration:500});
    });

我不知道是否会产生问题，但在 div 内部有一个尺寸或多或少相同的图像。其他信息：如果我通过类选择器直接选择图像，动画就会栩栩如生！

谢谢！！

原文

I think that the problem could be easily resolved...but not by me!
I want to create two different animations for my div:hover, the first uses CSS (for the people who won't active javascript in IE) and the second uses JS.
The choice between the two methods is simple, the activation of switchClass function using jqwery. But after this happened the selector for the new class doesn't work and not even the mouseover function!

HELP ME PLEASE!!

Here the code:

$(document).ready(function () {
    $( ".plateMiddle" ).switchClass( "plateMiddle", "plateMiddleFX");
    });

$(".plateMiddleFX").mouseover(function () {
    $(this).stop().find('img').animate({opacity: '0'},{queue:false, duration:500}),
    $(this).stop().animate({width: '265'},{queue:false, duration:500});
    });

I don't kwow if could generate problem but inside the div there is an image with more or less the same dimensions.
An other information: if I select directly the image by a class selector the animation takes life!

THANKS!!

分享到QQ

分享到微博

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

发布评论

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

我早已燃尽 2024-12-07 22:18:42

尝试

$(".plateMiddleFX").live('mouseover', function () {
  $(this).stop().find('img').animate({opacity: '0'},{queue:false, duration:500}),
  $(this).stop().animate({width: '265'},{queue:false, duration:500});
});

Try

$(".plateMiddleFX").live('mouseover', function () {
  $(this).stop().find('img').animate({opacity: '0'},{queue:false, duration:500}),
  $(this).stop().animate({width: '265'},{queue:false, duration:500});
});

回复收藏 0 原文

~没有更多了~