2013-12-18 53 views
0

我有一个齿轮转动一个问题在我的网站http://www.whirlware.bizjQuery的齿轮旋转问题

我做什么,我想在这里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)' 
    }); 
}); 
+2

打开控制台,红色的内容都是错误的。 – adeneo

+0

像@adeneo说的那样,打开你的控制台,检查错误是什么,看看你在搜索这些错误时是否找不到解决方案。如果您仍然无法弄清楚,请报告错误,然后我们可以从那里开始。 –

+0

TypeError:$ body.height不是函数 \t bodyHeight = $ body.height(); 我不知道如何解决它,因为在jsfiddle这个功能工作正常 –

回答

1

你需要用你的jQuery脚本在domready中功能:

jQuery(function($){ 

    // put all your code above here  

}); 

它的工作原理您的jsfiddle因为剧本中设定运行onDomready。请注意加载哪个框架下的选项。

附注$(document.body)$('body')相同。

+0

它现在的作品!谢谢你的帮助! –

+0

@red_sensor没问题。请投票并接受。 – iambriansreed