jsfiddle jquery没有持久化我的输入字段

Question

我正在尝试将JSFiddle与jQuery代码段一起使用，但它没有按预期工作。我注意到的一件事是任何输入都不会持续存在。所有这些片段都使用jQuery的.isNumeric（）函数。

http://jsfiddle.net/n50ocyv6/

标记

<input type='text' id='target'></input>

脚本

var tempVal = $('#target').val();
var isNumber = $.isNumeric(tempVal);
alert(isNumber);

Answer 1

结果面板中的内容不是永久性的。每次单击运行时，它都会刷新。这就是为什么你总是在警告框中得到False的原因。

Answer 2

您的jsfiddle的Javascript正在页面加载时执行，而$('#target')输入没有值。空值不是数字，并且$.isNumeric()测试失败，导致错误。

尝试在那里添加一个事件监听器来执行如下代码：

$('#target').change(function(){
    var tempVal = $('#target').val();
    var isNumber = $.isNumeric(tempVal);
    alert(isNumber);
});

然后，只要输入的值发生变化，它就会执行该代码。您还可以添加一个带有click()侦听器的按钮，您可以在更新后按下该按钮。

http://jsfiddle.net/n50ocyv6/1/

您也可以手动设置输入元素的值，如下所示

<input type="text" id="target" value="4" />