【问题标题】:jQuery file not linked properlyjQuery 文件未正确链接
【发布时间】: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 上一样。有什么想法吗?

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

【问题讨论】:

  • 请与我们分享一个小提琴。
  • Fiddle 在帖子中更新,这里是:jsfiddle.net/zfiscr/9dutj67b
  • 在你的第二个&lt;script&gt; 中,你使用了href='script.js' 而不是src='script.js'

标签: javascript jquery html css


【解决方案1】:

你的脚本标签应该如下:

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

而不是

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

希望对你有帮助!!!

【讨论】:

  • @Zack 发生了!你知道,我们都经历过!! :)
  • 你可以使用 cmets,在这种情况下不需要答案。
  • @MrBearAndBeer 虽然我理解您想要了解的内容,但这实际上恰好是所提问题的答案!
  • 没关系,你的答案很愚蠢,你只是为了赚取积分,正如我之前所说,你应该像@HomoSapiens 那样使用 cmets 来帮助用户,而不是创建新的答案。
  • @MrBearAndBeer “您应该使用 cmets 来帮助用户”.. 先生,您想为您的 cmets 添加什么确切价值?
【解决方案2】:

脚本有 src ,CSS 有 href :)

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

是正确的。

为什么?请查看Here

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-24
    • 2017-12-20
    • 2020-02-26
    • 1970-01-01
    相关资源
    最近更新 更多