設置變量爲輸入值（jQuery）

Question

所以，我有下面的代碼，它不工作，我不知道爲什麼。有什麼建議麼？

HTML：

<input type="number" placeholder="#" id="lineSpace"/> 

<br/><br/><button id="go">update text!</button> 

的JavaScript（jQuery的）

$(document).ready(function() { 
var lineSpace = $("#lineSpace").val(); 

$("#go").click(function(){ 
alert("LINE SPACE: "+lineSpace+""); 
}); 

這是一個測試，看看我的變量正在聚集，但似乎沒有。警報出現，但只是說「LINE SPACE：」，而不放置它後面的變量。當我定義像這樣的var lineSpace = "random number";（這對我沒用，因爲我需要一個從用戶端輸入的值），但是，它工作正常。

Answer 1

因爲您在頁面加載時指定lineSpace，並且顯然是空白的。

將var lineSpace = $("#lineSpace").val();移動到您的點擊處理程序中（在alert()函數調用之上）。