3

我从 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。我想知道为什么会出现这种障碍。如何解决?帮助。

4

2 回答 2

3

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

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

问题似乎是 html 和 js 文件的编码不兼容。所以我将 charset 属性添加到 js 的 script 标签中。问题和“你好”都消失了!

于 2012-10-08T09:53:40.327 回答
1

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

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

于 2012-10-07T19:37:01.727 回答