我有一个代码,在 CodePen、JSFiddle 上都运行良好,但是当我将其复制并粘贴到 Sublime Text 并使用 Firefox 启动网站时,下拉菜单不起作用。
我有网络连接,并使用几个浏览器进行了检查。我该如何解决这个问题?
问题是加载脚本时 jQuery 尚未准备好。
CodePen 和 JSFiddle 等 Web 开发平台通常会在加载每个依赖项后加载脚本。
将您的
<script src="script.js"></script>
移动到</body>
标签之前,它应该可以正常工作。
或者正如 SaymoinSam 所说: 我需要把我的代码放进去
$( document ).ready(function() {});
按照 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>