Question

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

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

第一个问题是：如何在脚本完全加载后才能加载我的索引页面？我得到'undefined'的错误。

加载脚本后，我必须添加数组中的代码

"<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。

动态添加后图像不显示

1 个答案: