我的 HTML:
<html>
<head>
<title>Circles!</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="math.js"></script>
</head>
<body>
<div id="header">
<h1>The area of a circle given the circumfrence</h1>
</div>
<div id="group">
<input type="text" id="input">
<label>Circumfrence</label>
<button type="button" id="button">Calculate</button>
</div>
<div id="answerbox"><span id="answer"></span></div>
</body>
</html>
和我的js:
$( document ).ready(function() {
$("#button").click(function() {
var input = $("#input").val;
var answer = (((input * input) * Math.PI) * 0.25);
$(answer).append("#answer")
$("#answerbox").fadeIn(700);
});
});
所以“answer”值不会显示在我的“answer”范围内,它位于我的“answerbox”div 内。这里有什么问题?
最佳答案
您必须在代码中使用更正的 val 和 append:
正确:
$( document ).ready(function() {
$("#button").click(function() {
var input = $("#input").val(); // changed added '()'
var answer = (((input * input) * Math.PI) * 0.25);
$("#answer").append(answer); // changed exchaned answer #answer
$("#answerbox").fadeIn(700);
});
});
关于javascript - 一个简单的 jQuery 函数的结果值不会显示在我的 'answer' 跨度中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25108546/