javascript - 将变量设置为输入值(jQuery)

所以，我有下面的代码，它不起作用，我不确定为什么。有什么建议么？

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";时（对我来说这是没有用的，因为我需要从用户端输入一个值），但是它工作正常。

最佳答案

因为您是在页面加载时分配lineSpace的，所以显然它是空白的。

将var lineSpace = $("#lineSpace").val();移到您的点击处理程序中（在alert()函数调用上方）。