gpt4 book ai didi

javascript - innerHTML 无法将文本注入(inject)标记

转载 作者:行者123 更新时间:2023-11-29 18:02:28 37 4
gpt4 key购买 nike

我正在学习 jQuery animate并且正在构建一个小游戏,用户必须通过尝试点击它来捕获盒子,并且每次点击得分增加 1 分,这在屏幕上动态显示在 <P> 内。元素。

问题是分数没有显示在 <p> 中.

通过调试应用程序,我可以看到分数实际上正在递增,因此排除了递增中的缺陷。我认为唯一的另一种可能性是因为 $(document).ready每个click都没有被解雇但这是错误的,因为分数确实增加了。所以我能想到的唯一解决方案是,我实现的方式在幕后发生了一些事情 .innerHTML但我无法理解它。

我试过使用 value()而不是 toString()因为我最初认为获得实际的 value变量 points将返回其原始数值,但没有做任何事情。

这是我遇到问题的 jQuery 行:

var points = 0;
$(document).ready(function () {
Animate();
div.on('mousedown', function () {
points += 1;
$('#points').innerHTML += points.toString();
});
});

它引用的 HTML 标记:

<body>
<p id="points">Total points: </p>
<div id="box"></div>
<script src="script.js"></script>
</body>

请注意,分数需要添加<p>替换<p>的内容例如,如果点递增 <p>将显示 Total Points: 1

这是我的 JFiddle全面了解问题

最佳答案

Working Fiddle

HTML

<p id="points">Total points: <span id="total-points"></span></p>
<div id="box"></div>

删除此 Javascript

$('#points').innerHTML += points.toString();

替换为这个

$('#total-points').text(points);

关于javascript - innerHTML 无法将文本注入(inject)标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33931045/

37 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com