我的JavaScript不能在XAMPP中工作

-3

我想讓我的菜單響應，但我的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(); 
});

當我運行它時，我無法單擊菜單。我的控制檯沒有出現任何錯誤。

來源

2017-02-27 Kim Russel Flores

控制檯中的任何錯誤消息？ – Rome

您是否檢查了瀏覽器的網絡選項卡以確認文件是否已加載？ – emaillenin

我不確定這是否正確=>'src =「http://127.0.0.1/js/jquery-3.1.1.js」'。你不需要'http：// 127.0.0.1'部分，你應該提供相對於應用根目錄的路徑。 – mane

我發現分配主機名到開發網站緩解所有這些痛苦！

只需添加到您的主機文件在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的「服務器切換器」擴展，所以我可以在一堆站點上從本地向遠端快速切換。

來源

2017-02-27 11:37:19 mayersdesign

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

來源

2017-02-27 11:25:45 Christophvh

仍然無法正常工作。我的javascript是獨立的js文件夾和js文件夾在htdocs裏面。 –

@Kim Russel Flores你能告訴我們你的文件夾結構的打印嗎？ – Christophvh

我無法發佈圖片，但是在這裏是javascript的鏈接文件夾。 C：\ xampp \ htdocs \ js –

-1

你不需要在本地主機地址

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

而是鏈接到您的文件中添加喜歡你這樣做與您的css

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

來源

2017-02-27 11:26:02

我試過了，它不工作。 –

我的JavaScript不能在XAMPP中工作

回答

相關問題