JQuery проблема вращения шестерни

У меня есть проблема с шестерней вращения на моем сайте http://www.whirlware.biz JQuery проблема вращения шестерни

Я сделал то, что я хочу здесь 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)' 
    }); 
});

источник

2013-12-18 red_sensor

Откройте консоль, все в красном - это ошибки. – adeneo

Как сказал @adeneo, откройте консоль, проверьте, что такое ошибки, и посмотрите, не можете ли вы найти решение при поиске этих ошибок. Если вы все еще не можете понять это, сообщите об ошибках, и мы можем идти оттуда. –

ТипError: $ body.height не является функцией \t bodyHeight = $ body.height(); Я не знаю, как это исправить, потому что в jsfiddle эта функция отлично работает –

Вам нужно обернуть сценарий JQuery в DOMready функции:

jQuery(function($){ 

    // put all your code above here  

});

Он работает ваш jsFiddle, потому что сценарий там установлен для запуска onDomready. Обратите внимание на параметр, в рамках которого загружаться.

На боковой ноте $(document.body) такое же, как $('body').

источник

2013-12-18 18:55:49 iambriansreed

Теперь она работает! Спасибо за вашу помощь! –

@red_sensor Нет проблем. Проголосуйте и согласитесь пожалуйста. – iambriansreed

JQuery проблема вращения шестерни

ответ

Смежные вопросы