Javascript Jquery-未加载函数

我决定尝试并挑战自己，为多种模具类型制作骰子滚轮；将返回连接到结果的图像的D20、D12、D10、D8、D6、D4。用户可以在页面上选择要滚动的模具。我做的第一个骰子是D20，所以它有20个结果要返回。我有几个问题

我的第一个功能D20工作得很好！除了，当它返回12的结果时。图像未加载。我检查了一下，图像就在那里，路径看起来是正确的，但它就是认不出来。。。为什么呢

我认为，自从第一个工作，我可以只使用相同的代码和重命名的变量，以符合新的模具。。。我这样做了，但当我点击任何其他骰子辊，他们不运行

jQuery是本例中使用的最佳语言吗？有没有办法简化我的代码？因为我必须为每个模具参考一组不同的图像，所以我不确定如何分解这些图像

$（文档）.ready（函数（）{
$（'.rolldiec20'）。在（'click'，function（）上{
var randImage20=数学地板（数学随机（）*20）+1；
$（'.imageGoHere20'）.html（''）；
$（'.random20'）.html（randImage20）；
$（'.holder20 img#i'+randImage20.clone（）.appendTo（'.imageGoHere20'）；
});
$（'.imageGoHere20'）.html（randImage20）；
});
$（文档）.ready（函数（）{
$（'.rolldies10'）。在（'click'，function（）上{
var randImage10=Math.floor（Math.random（）*10）+1；
$（'.imageGoHere10'）.html（''）；
$（'.random10'）.html（randImage10）；
$（'.holder10 img#a'+randImage10.clone（）.appendTo（'.imageGoHere10'）；
});
$（'.imageGoHere10'）.html（randImage10）；
});
。浮动框{
显示：内联块；
宽度：350px；
高度：75px；
利润率：10px；
边界：无；
文本对齐：居中；
}
img{
高度：250px；
宽度：195px；
}
.保持架20{
显示：无；
}
霍尔德先生{
显示：无；
}


你滚

滚动D20
你滚

滚动D10
您不能在它们之外的函数中使用
var
声明

阅读：

您需要移动
$（'.imageGoHereX'）.html（randImageX）在
onClick
函数中


$（文档）.ready（函数（）{
$（'.rolldiec6'）。在（'click'，function（）上{
var randImage6=Math.floor（Math.random（）*6）+1；
$（'.imageGoHere6'）.html（''）；
$（'.imageGoHere6'）.html（randImage6）；
$（'.random6'）.html（randImage6）；
$（'.holder6 img#c'+randImage6.clone（）.appendTo（'.imageGoHere6'）；
});
});
。浮动框{
显示：内联块；
宽度：350px；
高度：75px；
利润率：10px；
边界：无；
文本对齐：居中；
}
img{
高度：250px；
宽度：195px；
}
.霍尔德6{
显示：无；
}


你滚

第D6卷
回答您的问题：

您的第十二个

你滚

滚动D20
你滚

滚动D10
你滚

卷D8
你滚

第D6卷
你滚

滚动D4
在你的跳跃中，你也忽略了阅读来学习和学习。还有另一个代码检查的堆栈站点。这不是个合适的地方。关于12的图像的具体问题，您确实需要调试并找出。。这个地方不适合问这样的问题。。。好的luck@AshleyB我更新我的代码片段！你也忘了重命名你的ID了！你把它们都命名为
a20
，
b20
，
c20
等等。哇。。。是的，我昨天完全错过了。谢谢，我会去更新。谢谢，我现在就去那个网站。我觉得自己很傻，我看了很多次i12，却没有看到d而不是g……记住，对你认为有帮助的答案投赞成票！非常感谢你。