將變量設置為輸入值（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()函數調用上方）。