开发者问题收集

本地 jQuery.js 文件不起作用

2012-10-07
15141
javascript jquery

我从 jQuery.com 下载了 jQuery.js 文件。我已将此文件保存在 3 个位置，包括 JRE/Lib 和桌面（调用它的 HTML 文件所在的位置），以确保可以找到 jQuery.js 文件。我将此 js 文件引用为： 

<head>
        <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#clas").click(function(){
                $(this).hide();
            });
        });
    </script>
</head>

<body>
    <p id="clas"> Hello</p>
    <p>Hi</p>
</body>

当我在 Mozilla 浏览器上运行此 HTML 文件时，我预计“Hello”会在我单击它时消失，但事实并非如此。它仍然像以前一样稳定。 但是当我使用 jQuery CDN 时： 

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

当我使用名为 Tryit Editor v1.5 的在线 HTML 编辑器时，它可以正常工作！ 似乎只有本地 jQuery.js 没有发挥作用。JavaScript 工作正常，只有 $() 部分不工作。我使用的是 jdk1.6。我想知道为什么会出现这个问题。如何解决？求助。

2个回答

谢谢！我从一年前在这个论坛上发布的一个类似问题中找到了这个问题的解决方案。这是链接：

如果我使用本地 jquery.js 文件，jQuery 代码不起作用，为什么？

问题似乎是 html 和 js 文件的编码不兼容。所以我将 charset 属性添加到 js 的脚本标记。问题和“Hello”都一键消失！

Sap
2012-10-08

您的代码对我有用。请检查以下代码，我刚刚修改了 jquery.js 文件的位置，我的文件存储在不同的位置。 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%--<script type="text/javascript" src="jquery.js"></script>--%>
<script type="text/javascript" src="../Scripts/jQuery/jquery-1.7.2.js"></script>
<script type="text/javascript">
    $(function () {
        $("#clas").click(function () {
            $(this).hide();
        });
    });
</script>
</head>

<body>
<p id="clas">Hello</p>
<p>Hi</p>
</body>

</html>

我假设您的 js 的位置不正确。您是否使用了与此“html”或 jsp 页面相同的 js 路径？或者您将 js 文件放在单独的文件夹中？

此外，您可以尝试以下替代方法： 

$("#clas").live("click", function () {
        $(this).hide();
    });

如果这有帮助，请告诉我。

superachu
2012-10-07