我正在为角色扮演游戏 GURPS 构建一个基于 Web 的工具。数据保存在几个加载到数组中的 XML 文件中。根据用户所做的更改,将数据重新填充到数组中的各种跨度、输入和下拉列表中。到目前为止没有问题。
为了给用户更多反馈,我添加了一个锚点,它会弹出一个悬停弹出窗口,显示当前武器的详细信息。对于初始编码,在我解决渲染问题时,这些值是硬编码的。仍然没有问题。
现在我正在尝试用真实数据填充悬停弹出窗口。我无法将真实数据加载到跨度中!我已经调试了这个函数,并且确定我已经提取了我想要的数据。我使用了类似的代码行来填充网页的其他部分。
细节:我想替换下面跨度中的“aa”:
<span id="weaponName1" name="weaponName1" class="weaponName">aa</span><img src="Images/Firearms/Makarov_Suppressed.jpg">
我用来尝试重新填充跨度的代码是:
function loadWeaponStats(person, weaponID) {
// Load stats of the current weapon into the "Details" anchor fly-out
for (xx1=0; xx1<WeaponsArray.length; xx1++) {
if (weaponID == WeaponsArray[xx1][0]) {
weaponName = WeaponsArray[xx1][1];
alert("weaponName: "+weaponName+"\nperson: "+person);
$("#weaponName"+person).val(weaponName);
xx1 = WeaponsArray.length; // Kill the loop
}
}
}
alert() 只是为了确认我有正确的数据。以下行应重新填充跨度,但事实并非如此。
所有 HTML、CSS 和 JavaScript 都可以在GURPS 战斗计算器中找到
拔掉我剩下的一点头发。
谢谢