jQuery。动画以某种方式不反应（对于WP网站）

问题描述：

这是有点尴尬和令人沮丧的一个。我想要做的是动画的宽度和网站的div的位置。我做了一个测试，它的工作原理有罚款：jQuery。动画以某种方式不反应（对于WP网站）

Hoever，对于真正的网站，该.animate做什么都没有。这是我的代码

$(document).ready(function() { 

     pWidth = $("#all_staff").width(); 
     pLeft = $("#all_staff").position(); 
     pLeft = pLeft.left; 
     pCount = $("#[id^=member_]").size(); 
     pPercent = 100/pCount; 
     zIndex = 0; 
     colors = ["#CCCCCC","#333333","#990099","#9624CF","#CCCCCC"]; 

     //$("#[id^=member_]").addClass("staff_member"); 
     $("#[id^=member_]").css("width", pWidth/pCount); 
     $("#[id^=member_]").css("z-index", zIndex); 

     for (i=1;i<=pCount;i++){ 
      $("#member_"+i).css("left", (pWidth/pCount)*(i-1)+pLeft+"px"); 
      $("#member_"+i).css("backgroundColor", colors[i]); 
     } 

     $("#[id^=member_]") 
      .hover(function() { 
       $(this).animate({ left: 20 }, 'fast'); 
      }, function() { 
       $(this).animate({ left: 0 }, 'fast'); 
     }); 

});

真正令人沮丧的部分是，任何其他函数适用于这些div。所以如果我在这里写这个

$("#[id^=member_]") 
    .hover(function() { 
     $(this).css("left", "20px"); 
    }, function() { 
     $(this).css("left", "0px"); 
});

divs跳，我告诉他们。为什么？为什么？ WHYYYYYYYYYYY？ :)不明白，请帮助我。非常非常感谢你！

答

很难没有链接到真实的网站来解决，但我会做到这一点，为了：在控制台上

打开（在Chrome或萤火虫在FF），看看有什么打破它直播现场
确保您加载了jQuery，等你的JS之前，正确的顺序文件

此外，你可能想尝试不同的注明了你的选择，因为它是一个“字符串”你传递给jQuery：

$('#[id^="value"]')

希望这有助于！

哦对了，忘了链接到该网站...对不起 http://www.stories.ch/website_new/about/ 我能想到的一个问题是，我有

下面的动画代码现在。我想先清理它之前先测试它。这可能吗？ – zarroun 2012-02-03 17:33:11

答

这可能是因为member_元素在DOM中不可用。我会尝试使用follwing代替悬停

live jQuery的前1.7 和 on jQuery的

，如果他们出现在DOM事后

我也在想，但为什么我能够更改悬停的CSS而不添加动画？那么猜猜这是以不同的方式处理？尽管尝试了你的建议解决方案。有趣的是它跳过mouseOver并直接跳到mouseOut。仍然没有动画。 – zarroun 2012-02-03 17:45:01

答

，其具有以下的动画将结合的元素之后头部应该没问题。你有没有试过这样写：

$("#[id^=member_]") 
    .hover(function() { 
     $(this).animate({ left: '+=20px' }, 'fast'); 
    }, function() { 
     $(this).animate({ left: '-=20px' }, 'fast'); 
});

这是一个好主意，不知道这是否也适用。不幸的是，它不适用于我的情况。我开始认为jQuery没有正确初始化。虽然感谢了很多输入。 – zarroun 2012-02-06 08:02:52

答

我不完全确定我做了什么，但突然它似乎现在工作。这可能是因为我现在有引号中的价值，就像熊亚历山大所说的那样。所以，谢谢你！

如果一些答案对你有帮助，不要忘记接受/ upvote [http://stackoverflow.com/faq#howtoask](http://stackoverflow。com/faq＃howtoask） – 2012-02-06 17:57:13

jQuery。动画以某种方式不反应（对于WP网站）

相关推荐