将变量设置为输入值（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()函数调用上方）。