按鈕功能的難點

我正在通過freecodecamp工作，目前正在處理引用生成器問題。 點擊按鈕，我遇到了一些問題，爲我獲取腳本功能。基本上我有我自己的代碼，我會在下面發佈，但也試圖從他們複製和粘貼代碼，我仍然無法獲得我的按鈕的功能。

我相信這是一個誠實和容易的錯誤，但希望應該使這一切更容易解決:)讓我知道如果你有任何問題，我真的很感激它！

（請注意，我只是想在點擊按鈕來改變顯示消息）

<script> 
    $(document).ready(function(){ 
    $("#getMessage").on("click", function(){ 
     $(".message").html("New Message"); 
    }); 
    }); 
</script> 

<div id="wrapper"> 
    <button type="button" id = "getMessage" class = "btn btn- primary">Generate New Quote</button> 
</div> 

<div class= "text-center"> 
    <div class = "message"> 
    Sample 
    </div> 
</div>

來源

2016-10-21 DedicatedNoobGuy

你在引用jQuery嗎？ – Steve

控制檯中是否有任何錯誤？他們說什麼 –

這裏完美的作品。 https://jsfiddle.net/7wpvdgnb/可能不會加載jquery。 – UltrasoundJelly

正如其他人所說的，你最有可能不加入jQuery的，但你正在嘗試使用它（$）。要確認這一點，請檢查您的控制檯。它可能充滿了Uncaught ReferenceError: $ is not defined。

假設您使用CodePen作爲challenege在目標中的說法，您可以非常快速和輕鬆地包含jQuery。爲此，只需單擊JS旁邊的settings cog，使用Quick-add下拉列表，然後選擇jQuery。

如果您希望手動包含它（因爲您在將來的開發中很可能需要），我推薦使用Drefetr's answer。

來源

2016-10-21 00:39:09 Gavin

他的回答很有效，但也感謝你的跟蹤！ – DedicatedNoobGuy

似乎沒有要與代碼（相對於邏輯的任何重大問題，編輯可能渲染你的格式有點鼻）。

你能否確認你已經在你的HTML文檔的頭文件中包含了jQuery庫？例如

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

欲瞭解更多信息：https://developers.google.com/speed/libraries/#jquery

來源

2016-10-21 00:27:11 Drefetr

完美解決了它。我覺得自己像個混蛋，但非常感謝你！ – DedicatedNoobGuy

按鈕功能的難點

回答

相關問題