2016-03-15 25 views
0

我在我的網站上有一個按鈕,但當我點擊時,它沒有響應。但其他按鈕的作品。我得到錯誤的按鈕的位置(它不響應我的點擊)是一個引導對話框。但另一個引導對話框工作正常。我可以提供任何建議或解決方案嗎?找不到javascript錯誤

以下是HTML代碼

<button type="button" class="btncanceldocument btn btn-warning" > 
    Cancel Document 
</button> 

這是JavaScript代碼

$(document).ready(function() { 
    $('.btncanceldocument').click(function() { 
     alert("Say hello"); 
    }); 
}); 

有什麼錯呢?如果不是,我認爲問題是在其他JavaScript代碼。那麼如何使用我的瀏覽器找到問題?或者我的瀏覽器打印一些錯誤?我在這個文件上有很多javascript代碼。我找不到問題或錯誤?

+0

你爲什麼用類,而不是通過ID識別? – millerbr

+2

當模式打開時,文檔準備就緒不會被觸發。您需要在開放模態事件 –

+0

上附加事件,但該代碼適用於其他html文件@MarcosPérezGude,但在此HTML文件中它不起作用。所以我知道這個問題是在這個文件上的其他JavaScript代碼。但我無法找到它。我可以使用瀏覽器調試HTML嗎?如是。怎麼樣? – Audrey

回答

1

要回答你的問題,大多數瀏覽器都有一個內置的調試工具。我個人最喜歡的是Chrome。

如果您右鍵單擊頁面上的任意位置,然後選擇「檢查」,您將打開它。

這裏是一個鏈接,這將有助於你 - https://developers.google.com/web/tools/chrome-devtools/?hl=en

這是值得花一些時間來學習有關,因爲它會節省你從長遠來看。

當你打開,你將能夠在控制檯中運行JS代碼調試,這樣你就可以使用手動觸發你的點擊:

$('.btncanceldocument').click(); 

然後你就可以確保您的代碼工作。如果點擊鼠標有時無法工作,可能是由於按鈕實際上位於透明元素後面。

在調試工具中,您還可以選擇HTML元素,以便查看是否有東西阻塞了按鈕。如果您將按鈕上的CSS z-index屬性增加到一個很大的值,例如'9999999999999'。這會將按鈕放在頁面的其他內容上方。

希望這有助於,

皮特

+0

這不能提供問題的答案。您正在教導在瀏覽器中進行調試。通過鏈接進行參考,在評論中就足夠了。 –

+0

她特別詢問'我怎樣才能使用我的瀏覽器找到問題',然後你也給她一個鏈接到FF調試,所以你在說什麼。 – Peadar

+0

這在stackoverflow中顯然是偏離主題的,這是因爲您可以留下評論鏈接並標記爲offtopic,例如,但不要提供一個offtopic回答一個offtopic問題。閱讀stackoverflow的幫助。 –