javascript - jQuery 齿轮旋转问题

Question

我的网站上的齿轮旋转有问题 http://www.whirlware.biz

我在这里做了我想要的http://jsfiddle.net/kDSqB/112/它有效，但我现在不知道为什么它在我的网站上不起作用。你能帮帮我吗？

<div id="cog"><img src="http://pngicon.ru//data/media/3/2_43.png"/></div>

var $cog = $('#cog'),
    $body = $(document.body),
    bodyHeight = $body.height();

$(window).scroll(function () {
    $cog.css({
        'transform': 'rotate(' + ($body.scrollTop() / bodyHeight * 360) + 'deg)'
    });
});

Answer 1

您需要将 jQuery 脚本包装在 DOMready 函数中:

jQuery(function($){

    // put all your code above here    

});

它可以运行您的 jsFiddle，因为那里的脚本设置为运行 onDomready。请注意加载框架下的选项。

旁注 $(document.body) 与 $('body') 相同。