【发布时间】:2015-02-17 04:41:58
【问题描述】:
这是 HTML 头:
<head>
<link type='text/css' rel='stylesheet' href='style.css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" href='script.js'></script>
</head>
这里是 jQuery 文件的内容:
$(document).ready(function() {
var $block_number = prompt('How many blocks?');
function writeBoard() {
while ($.isNumeric($block_number) === false && $block_number < 150) {
$block_number = prompt('How many blocks?');
}
for (var i = 0; i < $block_number; i++) {
$('#board').prepend("<div class='block'></div>");
}
};
writeBoard();
$(".block").on("mouseover", function () {
$(this).css("background-color", "black");
});
$('#redo').on('click', function () {
$('.block').css('background-color', 'white');
$block_number = prompt('How many blocks?');
writeBoard();
});
});
由于某种原因,页面在本地加载时似乎无法正常工作,就像在 jsfiddle 上一样。有什么想法吗?
【问题讨论】:
-
请与我们分享一个小提琴。
-
Fiddle 在帖子中更新,这里是:jsfiddle.net/zfiscr/9dutj67b
-
在你的第二个
<script>中,你使用了href='script.js'而不是src='script.js'
标签: javascript jquery html css