2014-03-13 41 views
0

我在我的項目中的這些JavaScript文件:爲什麼我的一個JavaScript鏈接不工作?

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<!-- Latest compiled and minified Bootstrap JavaScript --> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
<!--Game Script--> 
<script type="text/javascript" src="script.js"></script> 

底部一個不工作的時候我加載頁面。爲什麼會這樣?

html文件和script.js文件位於相同的文件夾中。

看看整個項目,如果你喜歡:https://github.com/samjb2/IncrementalRPG。有問題的文件是game.html。

+0

嘗試調用它沒有'類型=「」'。並確保它與您的文件位於同一目錄中。 – Albzi

+1

什麼是頁面的路徑,以及您的JavaScript文件位於何處? –

+0

@BeatAlex我試過沒有'type ='。同樣的問題。 – samuelbeard

回答

0

添加您的jQuery事件單擊處理的

$(document).ready(function(){ 
// handlers go here 
}); 

好像你需要等待你開始連接處理程序到你的頁面上的元素在你的網頁加載的內部。我將它們移動到$(document).ready()的內部,然後我可以點擊「Chop Wood」並看到它增加了一個值。

+0

遊戲在這裏http://samjb2.github.io/IncrementalRPG/game.html在線運行。 – samuelbeard

+0

@ TrueVineCS我能夠在URL中看到對話框彈出。你看不到相同的東西嗎?假設發生的事情不是?我在Firebug控制檯中看不到任何錯誤。 –

+0

模態使用了bootstrap.js,而不是script.js。點擊一個橙色按鈕。它旁邊的數字應該增加。 ('砍木') – samuelbeard

0

使用Fiddler當頁面加載時,請觀察結果。 我猜你會在「script.js」請求中看到404未找到的錯誤。

這可能是您的問題,也許您應該嘗試/script.js,但如果不知道文件的位置,很難說清楚。

+0

」html文件和script.js文件位於相同的文件夾中。「 –

+0

@NiettheDarkAbsol他在我回答後寫道。儘管如此,看着Fiddler會給他提供他需要的信息來解決這個問題。 –

1

我打算在黑暗中拍攝一張照片,因爲一切都看起來很正確。這是猜測之一,你從眼角看事情,注意一些不太正確的事情。或者也許我一直在玩太多的鳳凰衛視。

我認爲你是在本地運行的game.html文件 - 也就是說,在瀏覽器的地址欄中的URL看起來像這樣:

文件:/// C:/用戶/ Niet的/文件/遊戲html的

在這種情況下,你的問題源於此:

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 

//解析相對於當前地址方案。換句話說,它在尋找:

文件:///netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js

不用說,我m很確定這個文件不存在!

嘗試使用這個:

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 

通過明確說明這項計劃就避免相對路徑的問題。

或者,嘗試從一個服務器上運行你的遊戲,例如,如果您的計算機上設置一個你可以嘗試:

http://localhost/game.html 

同樣,如果這個工程,我是對的!

+0

我測試了你的文件,這正是發生了什麼事。 –

+0

遊戲是Github的頁面上運行此:http://samjb2.github.io/IncrementalRPG/game.html但仍然沒有工作。 – samuelbeard