Question

我正在尝试测试是否可以制作由div构成的网格，当您将鼠标移动到网格单元格上时，颜色会发生变化，同时也会留下痕迹。但是，当我尝试将其放在sublimetext中时，网格会加载单元格，但鼠标悬停功能不起作用。我有一个js文件夹中的js文件，我的css文件在一个css文件夹中，所以它很好，整洁。我已经将完全相同的代码加载到Jsfiddle中，它运行得很好。知道为什么这不起作用吗？我还是非常新的编程：/

http://jsfiddle.net/smugfox/7vx3W/3/

<head>
    <title>grid</title>
    <link rel="stylesheet" href="css/styles.css" type="text/css">
    <script src="js/jquery.js"></script>
    <script src="js/scripts.js" type="text/javascript"></script>
</head>

<body>

</body>



$(document).ready(function () {
for (var i = 0; i <= 128; i++) {
    $('<div />', {
        'class': 'cell',
            'id': 'div' + i
    }).appendTo('body');
}
});

$('.cell').mouseover(function () {
$(this).stop(true).fadeTo(200, Math.random());
}).mouseleave(function () {
$(this).fadeTo(200, Math.random());
});

使用Jquery无法正确加载的div网格

0 个答案: