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