2015-02-09 60 views
0

http://jsfiddle.net/G5Y8p/9/的jsfiddle代码在Chrome

不工作我已经复制从该链接代码的jsfiddle它above.But给出的不是我的浏览器工作的任何人都可以帮助我? 我是新来的这些东西。

$(document).ready(function() { 

    var $win = $(window), 
     w = 0, 
     h = 0, 
     rgb = [], 
     getWidth = function() { 
      w = $win.width(); 
      h = $win.height(); 
     }; 

    alert($win.width()); 
    $win.resize(getWidth).mousemove(function (e) { 

     rgb = [ 
     Math.round(e.pageX/w * 255), 
     Math.round(e.pageY/h * 255), 
     150]; 

     $('body').css('background-color', 'rgb(' + rgb.join(',') + ')'); 

    }).resize(); 

}); 
+4

你在页面中包含jQuery库吗?这个例子利用jQuery($) – MatthewG 2015-02-09 15:36:15

+2

你必须定义你的意思是“不工作”。你有没有在控制台查看任何错误(点击f12并查找控制台标签)?预期的行为与发生了什么?由于我们无法看到您的浏览器,因此这些细节是必需的 – scrappedcola 2015-02-09 15:36:41

回答

1

我想添加这个答案,因为评论部分根本无法处理内容即时通讯试图通过。

JS小提琴通常不会在编辑器中运行代码时生成引用。

尝试将以下内容添加到您的HTML/PHP或任何您用于标记的文件类型。

<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> 
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /> 
</head> 

这听起来像你还没有包含对JQuery和JQuery UI的必要引用。

+0

非常感谢。有效。没想到是那么简单:) – 2015-02-10 01:55:47