JSFiddle 代码在 Chrome 中不起作用

Question

我已经从 link 复制了这个 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();

});

Answer 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 的必要引用。

JSFiddle 代码在 Chrome 中不起作用

JSFiddle code not working in Chrome

javascript

jsfiddle