我的 javascript 在 XAMPP 中不工作

新手上路,请多包涵

我想让我的菜单具有响应性,但我的 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 许可协议

阅读 393
2 个回答

我发现为开发站点分配主机名可以减轻所有这些痛苦!

只需将其添加到 C:\Windows\System32\drivers\etc 中的主机文件(请记住,您可能需要以管理员身份编辑该文件):

 127.0.0.1 sitename

然后转到安装 XAMPP 的目录,浏览到 apache\conf\extra 并将以下内容(使用您自己的路径)添加到您的 httpd-vhosts.conf 文件中:

 <VirtualHost *:80>
 ServerName sitename
 DocumentRoot D:\HTML\yoursite
 <Directory D:\HTML\yoursite>
 IndexOptions +FancyIndexing NameWidth=*
 Options Includes FollowSymLinks Indexes
 AllowOverride All
 Order allow,deny
 Allow from all
 Require all granted
 </Directory>
</VirtualHost>

然后您可以简单地浏览到“ http://sitename ”并从简单的“/”引用所有包含,这样就可以在本地和远程毫无问题地工作。

请记住在进行编辑后从 xampp 控制面板重新启动 Apache。另请注意,您可以根据需要使用任意多个这些别名。我什至安装了 Firefox 的“服务器切换器”扩展,这样我就可以在一堆网站上从本地到远程来回切换。

原文由 mayersdesign 发布,翻译遵循 CC BY-SA 3.0 许可协议

提供文件的相对路径。因为 url 很可能是“localhost”。

 <head>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="/js/jquery-3.1.1.js">    </script>
<script type="text/javascript" src="/js/menu.js"></script>
</head>

如果这仍然不起作用,请确保您的 javascript 文件位于正确的文件夹中。使用上面的代码,我假设您的 javascript 文件位于项目的根目录中,名为 js

原文由 Christophvh 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题