JSFiddle代码无法在Chrome中运行

时间:2015-02-09 15:34:18

标签: javascript jsfiddle

http://jsfiddle.net/G5Y8p/9/

我从上面给出的链接中复制了这个JSFiddle代码。但是我的浏览器无法正常工作,任何人都可以帮我这个吗? 我是这些新事物。

$(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();

});

1 个答案:

答案 0 :(得分:1)

我想将此作为答案添加,因为评论部分根本无法处理我试图遇到的内容。

当您在编辑器中运行代码时,JS Fiddle通常不会生成引用。

尝试将以下内容添加到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的必要引用。