Javascript 鼠标移动不在服务器上循环—；但是在jsbin中工作

这可能是一个一般的javascript问题，但它让我发疯。我有一个函数，可以在mousemove事件中检测pageX和pageY，并将它们分配给css渐变

$(function(){
    var mouseX = 0, mouseY = 0;
    $(document).mousemove(function(e){
        mouseX = e.pageX;
        mouseY = e.pageY; 
    });

    // cache the selector
    var follower = $("#follower");
    var xp = 0, yp = 0;
    var loop = setInterval(function(){
        // change 12 to alter damping higher is slower
        xp += (mouseX - xp) / 12;
        yp += (mouseY - yp) / 12;
        follower.css({
            background : '-webkit-radial-gradient('+xp+' '+yp+', ellipse cover,  rgba(12,47,63,0) 0%,rgba(10,37,49,1) 27%,rgba(5,10,10,1) 100%)'
        });

    }, 30);
}); 

真正让我抓狂的是它在jsbin上工作：

但不是在我的服务器上（甚至桌面上）。任何帮助都将不胜感激

---

如何在页面中包含脚本？在执行javascript时，“#follower”元素可能还没有出现在DOM中。在定义元素后，或加载DOM后（即使用jQuery:

$（document）.ready（这里有）

）

在css字符串中的值后添加“px”可以在Chrome中为我修复脚本

background: '-webkit-radial-gradient('+xp+'px '+yp+'px, ellipse cover,  rgba(12,47,63,0) 0%,rgba(10,37,49,1) 27%,rgba(5,10,10,1) 100%)'

---

奇怪的是它在JS Bin上工作…

问题中的代码在

document.ready（）函数中。很抱歉，我在您链接的页面上找不到它。我发现head元素和script.js中内联包含了重复的javascript。。。？但是没有$（文档）.ready（）。
$（函数…
与
$（文档）相同。ready（函数…
哇，真尴尬，我不知道。不过，添加“px”似乎有效。：）有什么特别的“不起作用”？@ChrisFarmer幽灵作者（参见）在JS-Bin示例中跟踪鼠标，但在他的服务器上没有。哦，我的天哪。太简单了，特雷弗。你是个救生员。非常感谢！