Question

这是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上。有什么想法吗？

小提琴：http://jsfiddle.net/zfiscr/9dutj67b/

Answer 1

您的脚本标记应如下所示：

<script type="text/javascript" src="script.js"></script>

而不是

<script type="text/javascript" href="script.js"></script>

希望有所帮助!!!

Answer 2

脚本有src，CSS有href：）

<script type="text/javascript" src='script.js'></script>

是对的。

为什么？请检查Here

jQuery文件没有正确链接

2 个答案: