Question

我下面的代码如果在我的服务器上，但在本地计算机上查看时会产生以下错误：

ReferenceError: jQuery is not defined

$(document).ready(function() {

default.html (line 24)
ReferenceError: $ is not defined

$(document).ready(function() {

default.html (line 12)
ReferenceError: $ is not defined

$(document).ready(function() {

代码：

<script src="//code.jquery.com/jquery-latest.min.js"></script>
    <link rel="stylesheet" href="slider/site/style.css">
    <script type="text/javascript" src="slider/src/unslider.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    var unslider = $('.container').unslider();

    $('.arrow').click(function() {
        var fn = this.className.split(' ')[1];

        //  Either do unslider.data('unslider').next() or .prev() depending on the className
        unslider.data('unslider')[fn]();
    });
    });
    </script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('.line1').fadeIn(7000);
        $('#slide2').delay(1000).fadeIn(3200);
        $('#slide3').delay(1800).fadeIn(3200);
        $('.line4').delay(4000).fadeIn(3500);
    });
    </script>

Answer 1

您的脚本标记可能会给浏览器带来麻烦。将"//code.jquery.com/jquery-latest.min.js"替换为"http://code.jquery.com/jquery-latest.min.js"，然后就可以了。

Answer 2

替换

<script src="//code.jquery.com/jquery-latest.min.js"></script>

带

<script src="code.jquery.com/jquery-latest.min.js"></script>

你的代码找不到jquery。

Answer 3

将http添加到

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

Answer 4

这将解决问题

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

//code.jquery.com/jquery-latest.min.js这指向在本地服务器中找到jQuery，但脚本在本地服务器中不可用，因此将其设置为http://code.jquery.com/jquery-latest.min.js"

Answer 5

您也可以下载最新版本并将其放在docroot下的js文件夹中。然后你可以用：

访问它

<script src="js/jquery-latest.min.js"></script>

如何在本地计算机上运行此JavaScript？

5 个答案: