javascript - 动态添加后图像不显示

Question

我有这个脚本 <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 函数“append”将图像添加到我的 #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]);
});

Answer 1

您可以阻止脚本加载，直到您添加如下所示的图像:

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

类似的问题在这里:Call javascript function after script is loaded .