我的JavaScript不能在XAMPP中工作
我想让我的菜单响应,但我的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();
});
当我运行它时,我无法单击菜单。 我的控制台没有出现任何错误。
我发现分配主机名到开发网站缓解所有这些痛苦!
只需添加到您的主机文件在C:\ WINDOWS \ SYSTEM32 \ drivers \ etc中(请记住,你可能需要将文件作为管理员编辑到这一点):
127.0.0.1 sitename
然后进入目录XAMPP安装,浏览到Apache \的conf \额外添加(使用自己的路径)以下到你的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的“服务器切换器”扩展,所以我可以在一堆站点上从本地向远端快速切换。
Hi Kim。在上面你看到“sitename”的地方,用你喜欢的任何东西代替(每个片段总共一次)。我倾向于使用活动域名的缩写,所以mysupersite.com会是mss - 但这完全取决于你。它不是你的HTML文件的名称(可能是index.html,我想),这是一个域名(可以这么说) 你看到D:\ HTML \ yoursite的地方,你把路径放到本地文件中。 我认为大多数“初学者”的网站都在XAMPP目录中,但是没有必要这么做,你可以在自己的结构中拥有它。我的D盘上有“HTML”下的所有网站。 – mayersdesign
为您的文件提供相对路径。因为该网址很可能是“本地主机”。
<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
仍然无法正常工作。我的javascript是独立的js文件夹和js文件夹在htdocs里面。 –
@Kim Russel Flores你能告诉我们你的文件夹结构的打印吗? – Christophvh
我无法发布图片,但是在这里是javascript的链接文件夹。 C:\ xampp \ htdocs \ js –
你不需要在本地主机地址
src="http://127.0.0.1/js/jquery-3.1.1.js"
而是链接到您的文件中添加喜欢你这样做与您的css
src="../js/menu.js"
我试过了,它不工作。 –
控制台中的任何错误消息? – Rome
您是否检查了浏览器的网络选项卡以确认文件是否已加载? – emaillenin
我不确定这是否正确=>'src =“http://127.0.0.1/js/jquery-3.1.1.js”'。你不需要'http:// 127.0.0.1'部分,你应该提供相对于应用根目录的路径。 – mane