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