我想让我的菜单具有响应性,但我的 javascript 无法在 XAMPP 上运行。这是我的代码:
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<html>
<title>The Forerunner</title>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="http://127.0.0.1/js/jquery-3.1.1.js"> </script>
<script type="text/javascript" src="http://127.0.0.1/js/menu.js"></script>
</head>
<body>
<div id="banner">
<img src="img/TheForerunner.png">
</div>
<span class="menu-trigger">MENU</span>
<ul class="nav">
<li><a href="news.php">NEWS</a></li>
<li><a href="editorial.php">EDITORIAL</a></li>
<li><a href="features.php">FEATURES</a></li>
<li><a href="devcomm.php">DEVCOMM</a></li>
<li><a href="literary.php">LITERARY</a></li>
<li><a href="sports.php">SPORTS</a></li>
<li><a href="entertainment.php">ENTERTAINMENT</a></li>
<li><a href="about.php">ABOUT</a></li>
</ul>
</body>
</html>
而且我在浏览器的控制台上没有收到任何错误。我正在使用谷歌浏览器
$("span.menu-trigger").click(function() {
$("ul.nav").toggle();
});
当我运行它时,我无法单击菜单。我的控制台上没有任何错误。
原文由 Kim Russel Flores 发布,翻译遵循 CC BY-SA 4.0 许可协议
我发现为开发站点分配主机名可以减轻所有这些痛苦!
只需将其添加到 C:\Windows\System32\drivers\etc 中的主机文件(请记住,您可能需要以管理员身份编辑该文件):
然后转到安装 XAMPP 的目录,浏览到 apache\conf\extra 并将以下内容(使用您自己的路径)添加到您的 httpd-vhosts.conf 文件中:
然后您可以简单地浏览到“ http://sitename ”并从简单的“/”引用所有包含,这样就可以在本地和远程毫无问题地工作。
请记住在进行编辑后从 xampp 控制面板重新启动 Apache。另请注意,您可以根据需要使用任意多个这些别名。我什至安装了 Firefox 的“服务器切换器”扩展,这样我就可以在一堆网站上从本地到远程来回切换。