Fatal编程技术网
  • javascript/
  • Javascript Jquery不是'；在简单的html5网页中无法识别

Javascript Jquery不是'；在简单的html5网页中无法识别

javascript html

Javascript Jquery不是'；在简单的html5网页中无法识别,javascript,html,Javascript,Html,我整个下午都在寻找解决办法，但没有找到。我正在使用jquery和css编写一个HTML5网页。我试图实现非常简单的下拉菜单（我找到了教程），但它不适合我。我将本文中的代码复制粘贴到一个本地html文件中，并在浏览器中打开它，效果非常好，就像我想要实现菜单一样，但当我尝试在我的网页中实现相同的代码时，它不起作用 我在控制台日志中显示了两个错误： （SyntaxError:function语句需要一个名称-jquery.js:row 2072），然后在这个错误之后，我得到 （ReferenceErr

我整个下午都在寻找解决办法，但没有找到。我正在使用jquery和css编写一个HTML5网页。我试图实现非常简单的下拉菜单（我找到了教程），但它不适合我。我将本文中的代码复制粘贴到一个本地html文件中，并在浏览器中打开它，效果非常好，就像我想要实现菜单一样，但当我尝试在我的网页中实现相同的代码时，它不起作用

我在控制台日志中显示了两个错误： （SyntaxError:function语句需要一个名称-jquery.js:row 2072），然后在这个错误之后，我得到 （ReferenceError:$未定义-index.html第15行，其中出现$符号）

我已经搜索了很多，但我没有找到任何有用的，可能会帮助我。我还检查了jquery脚本声明中是否存在问题的次数，但没有问题。我不知道为什么这个简单的代码在我的应用程序中不起作用，但是在外部代码中，它工作得很好。我还尝试在脚本标记上插入语言和文本类型，但如果我将脚本标记留空，也无法工作。我使用最新的Mozilla Firefox浏览器

这是我的申请代码：

    <!DOCTYPE html>
<html>
<head>
    <title>Test title</title>
    <link rel="stylesheet" type="text/css" href="css/layout.css">
    <link rel="stylesheet" type="text/css" href="css/skin/default.css">

    <script src="script/jquery.js" type="text/javascript"></script>
    <script src="script/video.js" type="text/javascript"></script>
    <script src="script/picture.js" type="text/javascript"></script>
    <script src="script/ApplicationController.js" type="text/javascript"></script>

    <script>
        $("body").ready(function() {
            $(".dropdown").hover(function() {
                $(this).find(".sub_navigation").slideToggle();
            });
        });
    </script>
</head>
<body onload="onApplicationLoad()">
    <div id="header">
        <a href="http://www.notreallink.fail/" target="_blank"><img id="logo" src="images/logo.png"  alt="Logo" width="200" height="38" /></a>
        <div id="verticalHeaderLine"></div>

        <div id="headerMenu">            
            <ul id="navigation">
                <li class="dropdown"> <button id="Login" class="button" title="Edit Login">Login</button>
                    <ul class="sub_navigation">
                        <li><button id="test" class="button" title="Edit Test">Test</button></li>
                        <li><button id="test1" class="button" title="Edit Test">Test 1</button></li>
                        <li><button id="test2" class="button" title="Edit Test">Test 2</button></li>
                    </ul>
                </li>
            </ul>

        </div>
    </div>
</body>
</html>
如果有人知道我做错了什么，如果他能如此友善地告诉我我做错了什么，我会非常高兴

问候,， Dahakka
$（“body”）.ready（function（）{
应该是
$（document）.ready（function（）{

通常最好让Google为您托管jQuery。有关完整解释，请参阅。将您对jQuery的引用替换为

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
另外，在文档末尾，您有
而不是
$（“正文”）.ready（函数（）{
应该是
$（文档）。ready（函数（）{


通常最好让Google为您托管jQuery。有关完整解释，请参阅。将您对jQuery的引用替换为


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>







另外，在文档末尾，您有
而不是
我想找不到jquery。请尝试将此添加到您的




这是google托管的jquery。如果您可以访问internet，它至少可以解决您的第一个问题
我认为找不到jquery。请尝试将其添加到您的


    jQuery(document).ready(function($) {
        $(".dropdown").hover(function() {
            $(this).find(".sub_navigation").slideToggle();
        });
    });




这是谷歌托管的jquery。如果你可以访问互联网，它至少可以解决你的第一个问题


    jQuery(document).ready(function($) {
        $(".dropdown").hover(function() {
            $(this).find(".sub_navigation").slideToggle();
        });
    });


试试看是否有冲突或者jQuery根本没有加载


尝试此操作以查看是否存在冲突或jQuery根本没有加载。
您好，感谢您的重播。我已经尝试过此操作，但也没有成功：（是的，显然jquery没有加载到页面上，因此，
$
未定义其他js文件的内容可能会产生干扰。请尝试删除这些文件，然后查看jquery是否工作。您好，我已从index.html文件中删除了所有其他js文件，但问题仍然与以前相同，但我已成功显示错误，即删除的js文件中声明了错误的函数。在文档末尾，您使用的是
，而不是
。您好，感谢您的重播。我已经尝试了此操作，但也没有成功：（是的，显然jquery没有加载到页面上，因此，
$
未定义其他js文件的内容可能会产生干扰。请尝试删除这些文件，然后查看jquery是否工作。您好，我已从index.html文件中删除了所有其他js文件，但问题仍然与以前相同，但我已成功显示错误，即在删除的js文件中声明了一些错误的函数。在文档末尾，您使用的是
，而不是
。为什么不将google的jquery
包含进来呢？我在这里看到的代码与演示页面中的代码完全相同。那么首先，您的系统中是否有jquery文件的本地副本everTreid刚才是您建议的，但它也不起作用。客户端日志给我参考显示错误：（编辑：是的，我有jquery库（1.9.1）的本地副本）这是在脚本文件夹中，也是在索引所在的文件夹中，但这并没有起作用。为什么不包括来自google的jquery
呢？我在这里看到的代码与演示页面中的代码完全相同。因此，首先，您的系统中是否有jquery文件的本地副本，或者您刚才建议的是在哪里客户端日志给了我参考错误显示：（编辑：是的，我有jquery库（1.9.1）的本地副本）它在脚本文件夹中，也在索引所在的文件夹中，但不是这个工作文件夹中的任何东西。几分钟前我已经尝试了这个，但它不起作用。和以前一样。嗯。是的，尝试剥离其他JS文件。旁注：你应该始终关闭一个链接标签：
我不太明白你想说什么？链接标签sh您可以在结尾处查看一个
/
，以关闭它感谢您的重播。我也尝试使用标签和/>来关闭它，但没有一个对我有效：（几分钟前已经试过了，但是没有用。和以前一样。嗯。是的，试着剥离你的其他JS文件。旁注：你应该总是关闭一个链接标签：
我不太明白你想说什么？一个链接标签的结尾应该有一个
/
来关闭它谢谢你的重播。我也用一个使用/>标记和，但没有一个对我有效：（嗨，谢谢你的重播。它仍然不起作用。控制台日志显示我引用错误：jQuery未定义：（嗨，谢谢你的重播。它仍然不起作用。控制台日志显示我引用错误：jQuery未定义：(