脚本可以在Wordpress后端运行，但不能在前端运行.请协助

Question

为什么这个脚本不能在我的WordPress网站前端工作？它在后端工作，但在用户端不工作。请协助。

HTML

<input type="number" id="input-value" />
<input type="text" id="output-value" readonly />

JS-

var $output = $("#output-value");
$("#input-value").keyup(function() {
var value = parseFloat($(this).val());
$output.val(value*250);
});

Answer 1

您的代码无法工作，因为您的代码是在html主体中编写的，并且在加载jQuery之前运行。

为了解决这个问题，你应该用包装你的代码

$(document).ready(function(){
// Put your code here
});

然后，您的代码将在所有js库加载完毕后运行。

最终代码在这里：

$(document).ready(function(){
var $output = $("#output-value");
$("#amt5").keyup(function() {

var value = parseFloat($(this).val());
$output.val(value+250);
});
});