动态添加后图片不显示答案

【问题标题】：image not showing after adding it dynamically动态添加后图片不显示
【发布时间】：2018-05-09 17:29:37
【问题描述】：

我有这个脚本 <script type="text/javascript" src="customJS/jsonRetrieve.js" async></script>

脚本让我从 JSON 文件中检索数据并将其存储在数组中。

第一个问题是：如何仅在脚本完全加载后才加载索引页面？我收到“未定义”的错误。

加载脚本后，我必须从数组中添加类似这样的代码

"<img src='images2/1.jpg' id='0' style='width:70%' class='rounded' data-toggle='modal' onclick='setMod(this.id);setData(this.id)' data-target='#myModal' />"

到我的轮播，然后将其添加到 div 中。我使用 jQuery 函数“追加”将图像添加到我的#carousel div，但图像未显示在轮播预览中。我该如何解决？我应该刷新轮播吗？

<script type="text/javascript" src="js/jquery.waterwheelCarousel.js" defer></script>
<script type="text/javascript" src="customJS/carouselJS.js" defer></script>

$(window).load(function () {
      $('#carousel').append(items[0]);
});

【问题讨论】：

你能提供一个可验证的最小例子吗？
理想情况下，您需要在动态添加图像后刷新轮播。
@Studocwho 我如何刷新轮播脚本和css以及div
@CalvinNunes 工作量很大 x)
我不能只在动态添加图像后才加载轮播吗？

标签： javascript jquery html

【解决方案1】：

您可以阻止脚本加载，直到您使用以下内容添加图像：

<script onload="customJsFunction();" src ="customJS/jsonRetrieve.js"></script>

这里有一个类似的问题：Call javascript function after script is loaded。

【讨论】：

你能在这里设置一个小提琴吗：jsfiddle.net 它会帮助每个人阅读和测试你的代码。
我想我必须在添加图像后加载这个脚本
任何解决方案？我找不到方法来完成这项工作
感谢您制作小提琴。问题在于$('#carousel').append(items[0]);。 items 不是该函数中定义的数组！您需要返回 jsonRetrieve.js 的值，而不仅仅是包含文件。请查看第 43 行jsfiddle.net/j4pruxs5/1