Stumped, Div dreht sich überall aber nicht auf meiner Homepage

Question

Könnte jemand bitte mich beraten, warum die Javascript/Jquery nicht richtig funktioniert, danke! Die ersten beiden Links zeigen eine Arbeitsdreh Symbol, aber den dritten Link, wo ich es nicht richtig arbeiten will arbeiten ...

http://cdubach.com/inc/test.php 
    Where I took all content within the jsfiddle I created and tested it on the server. 

    https://jsfiddle.net/752tfqyu/17/ 
    JSfiddle I used to created the content that works. 

    http://cdubach.com/pages/home/index.php 
    Where I have an issue, the icon will not rotate. Cannot seem to find the issue. 

    Main Javascript/Jquery used to rotate the icon 

    /* [(START)Rotate Icon:SCroll Down] ----------------> */ 

    $(document).ready(function(){ 
     $(window).scroll(function() { 
     if ($(window).scrollTop() < 300) { 
     $("#rotate").css({ 
      "top": $(window).scrollTop() + "px"}); 
      } 
     }); 
    }); 
    /* [(END)Rotate Icon:SCroll Down] ------------------> */ 

    var looper; 
    var degrees = 0; 
    function rotateAnimation(el, speed) { 
    var elem = document.getElementById(el); 
    if (navigator.userAgent.match("Chrome")){ 
    elem.style.webkitTransform = "\"rotate(" + degrees + "deg)\""; 
    } else { 
    elem.style.transform = "\"rotate(" + degrees + "deg)\""; 
    } 

    looper = setTimeout('rotateAnimation(\''+el+'\','+speed+')',speed); 
    degrees++; 
    if (degrees > 359) { 
    degrees= 1; 
    } 

    } 

Answer 1

Ich habe einige Vergleiche zwischen Geige und dem Code, den Sie geschrieben und gefunden, was erscheint sei das Problem.

Es sieht aus wie Sie versuchen, einige doppelte Anführungszeichen in Ihrem WebKitTransForm zu entkommen, nicht ganz sicher, warum, aber rückgängig machen, dass es funktioniert.

Here's ein codepen Arbeit mit ihm:

var looper; 
var degrees = 0; 
function rotateAnimation(el, speed) { 
    var elem = document.getElementById(el); 
    if (navigator.userAgent.match("Chrome")){ 
    elem.style.WebkitTransform = "rotate("+degrees+"deg)"; 
    } else { 
    elem.style.transform = "rotate("+degrees+"deg)"; 
    } 
    looper = setTimeout('rotateAnimation(\''+el+'\','+speed+')',speed); 
    degrees++; 
    if (degrees > 359) { 
    degrees= 1; 
    } 

}