Html 为什么在.switchClass之后,div不可选择?

Html 为什么在.switchClass之后,div不可选择?,html,selector,switch-statement,mouseover,Html,Selector,Switch Statement,Mouseover,我认为这个问题可以很容易地解决…但不是我! 我想为我的div:hover创建两个不同的动画,第一个使用CSS,用于那些不会在IE中激活javascript的人,第二个使用JS。 这两种方法之间的选择很简单,使用jqwery激活switchClass函数。但是在这种情况发生之后,新类的选择器不起作用,甚至mouseover函数也不起作用 请帮帮我 代码如下: $(document).ready(function () { $( ".plateMiddle" ).switchClass( "

我认为这个问题可以很容易地解决…但不是我! 我想为我的div:hover创建两个不同的动画,第一个使用CSS,用于那些不会在IE中激活javascript的人,第二个使用JS。 这两种方法之间的选择很简单,使用jqwery激活switchClass函数。但是在这种情况发生之后,新类的选择器不起作用,甚至mouseover函数也不起作用

请帮帮我

代码如下:

$(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中有一个或多或少尺寸相同的图像。 另一个信息:如果我通过类选择器直接选择图像,那么动画将失去生命

谢谢

试试看

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