JSFiddle、CodePen 上的工作代码，但不在我的电脑上

Question

我有一个代码，在 CodePen 和 JSFiddle 上运行良好，但是一旦我将它复制并粘贴到 Sublime Text 并使用 Firefox 启动网站，下拉菜单就不起作用。

我有一个网络连接，我检查了几个浏览器。 我怎么解决这个问题？

Answer 1

问题是加载脚本时 jQuery 尚未准备好。

这些 web 开发平台（如 CodePen 和 JSFiddle）通常会在加载每个依赖项后加载您的脚本。

将您的<script src="script.js"></script>移动到</body>标记之前，它应该可以正常工作。

Answer 2

按照 subarachnid 用户的建议，将您的.html 文件更改为以下内容：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Herbe Armée, Folle Béton</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

    <img class="titre" src="titre.png">

    <div class="wrapper-top">
        <div class="one">
            <ul class="menu">
                <li class='sub-menu'>
                    <a href='#'>Expositions passées</a>
                    <ul>
                        <li> <a href='#'>Nom de l'expo 1</a></li>
                        <li> <a href='#'>Nom de l'expo 2</a></li>
                        <li> <a href='#'>Nom de l'expo 3</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="two">Instagram, Facebook, mail</div>
        <div class="three">Exposition en cours</div>
        <div class="four"></div>
        <div class="five">Artistes</div>
        <div class="six">Six</div>
    </div>
    <div class="wrapper-bottom">
        <div class="seven">Sept</div>
        <div class="eight">Huit</div>
        <div class="nine">Neuf</div>
        <div class="ten">Dix</div>
        <div class="eleven">Onze</div>
        <div class="twelve">Crédits du site</div>
    </div>
    <div class="heure"><span id="cd"></span></div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="script.js"></script>

</body>
</html>

https://jsfiddle.net/tdh0z6qy/

Answer 3

或者正如 SaymoinSam 所说：我需要把我的代码放进去

$( document ).ready(function() {});

JSFiddle、CodePen 上的工作代码，但不在我的电脑上

问题描述

3 个解决方案

解决方案1
2 2020-07-17 19:56:57

解决方案2
2 2020-07-17 20:14:06

解决方案3
1 已采纳 2020-07-17 20:06:32

JSFiddle、CodePen 上的工作代码，但不在我的电脑上

问题描述

3 个解决方案

解决方案1 2 2020-07-17 19:56:57

解决方案2 2 2020-07-17 20:14:06

解决方案3 1 已采纳 2020-07-17 20:06:32

解决方案1
2 2020-07-17 19:56:57

解决方案2
2 2020-07-17 20:14:06

解决方案3
1 已采纳 2020-07-17 20:06:32