本地jQuery.js文件不起作用

Question

我已经从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。 我不知道为什么会发生这种障碍。 怎么解决呢？ 救命。

Answer 1

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

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

该问题似乎是html和js文件的编码不兼容。 所以我将charset属性添加到js的脚本标签中。 一次单击，问题和“ Hello”都消失了！

Answer 2

您的代码对我有用。 请检查以下代码，我刚刚修改了我的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();
    });

请让我知道这可不可以帮你。

本地jQuery.js文件不起作用

问题描述

2 个解决方案

解决方案1
3 2012-10-08 09:53:40

解决方案2
1 2012-10-07 19:37:01

本地jQuery.js文件不起作用

问题描述

2 个解决方案

解决方案1 3 2012-10-08 09:53:40

解决方案2 1 2012-10-07 19:37:01

解决方案1
3 2012-10-08 09:53:40

解决方案2
1 2012-10-07 19:37:01