我的javascript在XAMPP中不起作用_Javascript_Php_Jquery_Html_Css

我的javascript在XAMPP中不起作用

javascript php jquery html css

我的javascript在XAMPP中不起作用,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我想让我的菜单反应灵敏，但我的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

我想让我的菜单反应灵敏，但我的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>

当我运行它时，我无法单击菜单。

我的控制台上没有任何错误。

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

如果这仍然不起作用，请确保您的javascript文件位于正确的文件夹中。在上面的代码中，我假设您的javascript文件位于名为

js

的目录中，您不需要添加localhost地址

src="http://127.0.0.1/js/jquery-3.1.1.js"

而是像使用css一样链接到文件

src="../js/menu.js"

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

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

然后转到安装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>


服务器名站点名
DocumentRoot D:\HTML\yoursite
IndexOptions+FancyIndexing名称宽度=*
选项包括以下符号链接索引
允许超越所有
命令允许，拒绝
通融
要求所有授权

然后，您可以简单地浏览到“”，并引用“/”中的所有包含项，这样就可以轻松地在本地和远程工作

请记住在进行编辑后从xampp控制面板重新启动Apache。还请注意，您可以使用任意数量的别名。我甚至安装了Firefox的“服务器切换器”扩展，这样我就可以在多个站点上从本地到远程进行前后快照。

控制台中有错误消息吗？您是否检查了浏览器的“网络”选项卡以确认文件是否已加载？我不确定这是否正确=>

src=”http://127.0.0.1/js/jquery-3.1.1.js“

。您不需要

http://127.0.0.1

part，您应该提供相对于应用程序根目录的路径。控制台中有错误吗？这些元素存在吗？您是否已将jQuery代码放入document.ready处理程序中<代码>$（函数（）{/*此处的代码*/}）发布总代码。您的问题中缺少带有

span.menu trigger

和

ul.nav

的HTML。仍然不起作用。我的javascript在js文件夹中，js文件夹在htdocs中。@KimRusselFlores可以给我们显示一个文件夹结构的打印屏幕吗？我不能发布一个图像，但这里是javascript的链接文件夹。C:\xampp\htdocs\js上述文件位于哪里？它的路径是：C:\xampp\htdocs\index.php？您是否正在尝试在index.php文件中加载header.php？因为如果是这种情况，则会出现问题，因为您可能正在尝试在另一个html结构中加载完整的html结构。嗨，Kim。在上面看到的“sitename”中，用您喜欢的任何内容替换它（每个代码段中总共一次）。我倾向于使用live域名的首字母缩写，所以mysupersite.com应该是mss，但这完全取决于您。它不是html文件的名称（我想可能是index.html），而是一个域名（可以这么说），您可以在其中看到D:\html\yoursite，并将路径放在本地文件中。我认为大多数“初学者”的站点都在XAMPP目录中，但是没有必要这样做，您可以在自己的结构中使用它。我的所有网站都在我的硬盘上的“HTML”下。

127.0.0.1 sitename

<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>