可以在 JSFiddle、CodePen 上运行代码,但不能在我的计算机上运行

问题描述 投票:0回答:3

我有一个代码,在 CodePen、JSFiddle 上都运行良好,但是当我将其复制并粘贴到 Sublime Text 并使用 Firefox 启动网站时,下拉菜单不起作用。

我有网络连接,并使用几个浏览器进行了检查。我该如何解决这个问题?

javascript html jquery css
3个回答
3
投票

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

CodePen 和 JSFiddle 等 Web 开发平台通常会在加载每个依赖项后加载脚本。

将您的

<script src="script.js"></script>
移动到
</body>
标签之前,它应该可以正常工作。


2
投票

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

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

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/

© www.soinside.com 2019 - 2024. All rights reserved.