Question

我的jquery无效。我怀疑这与我提供的src属性不一致有关。 html文件和js文件都位于同一目录中。我尝试使用src作为完整路径，如下所示，只有文件名'jquery1.js'，以及介于两者之间的所有内容。 Javascript在浏览器中打开（chrome），我的代码在jsfiddle上运行。谁能在这里看到问题？当两个文件都在"C:/code/html/jquery_tests"时，我的src属性应该是什么？

这是我的HTML：

<!DOCTYPE html>

<html>
    <head>
        <!-- Google hosted libs -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <!-- jquery -->
        <script type="text/javascript" src="C:/code/html/jquery_tests/jquery1.js"></script>
    </head>

    <body>
        <div style="height:100px; width:40px"></div>
        <input id="name" type="text">
        <h2 id="greeting"></h2>
    </body>    
</html>

和javascript：

$(document).ready(function () {

    var name = $('#name');
    var greeting = $('#greeting');

    $("div").css("border", "3px solid red");

    name.keyup(function () {
        greeting.text('Hello ' + name.val() + '!');
    });

});

Answer 1

我假设您正在使用本地计算机而不是在线计算机。在这种情况下，请使用http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js 或https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js而不是“//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js”或链接到jQuery版本的本地副本。

您的脚本未下载，因为浏览器默认使用file：// protocol。

Answer 2

如果您的html和jquery文件位于同一位置，请使用以下代码..

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

在jquery加载中添加 http：// 协议，如下所示..

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

Answer 3

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

如果HTML与JavaScript文件位于同一文件夹中，则只需要这样，因为HTML文件只知道同一目录中的文件。

E.g。如果您的JS文件位于名为JS的文件夹中，则需要执行以下操作：

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

Answer 4

你在js文件中提到的来源不正确，因为你没有提供访问js文件的正确链接，这就是为什么它没有下载。所以你可以随意包含这两个版本。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

OR

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

Jquery没有效果

4 个答案: