javascript - 加载页面后如何调用函数自动执行

Question

我正在尝试使用 jQuery 动态创建一个 slider 。我正在使用 http://imageslidermaker.com/v2 中的示例，并已下载源代码并复制到我的 js 和 css 文件夹。

我的代码:

<link rel="stylesheet" href="../css/my-slider.css"/>
<script src="../js/ism-2.0.1-min.js"></script>

        <div class="ism-slider" data-transition_type="fade" data-play_type="loop">
              <ul>
                    <li class="ism-slide-Imgs"><img src="../img/PuntaPalma/Suits-1.jpg" class="ism-img-Imgs"></li>
                    <li class="ism-slide-Imgs"><img src="../img/PuntaPalma/Suits-2.jpg" class="ism-img-Imgs"></li>
                    <li class="ism-slide-Imgs"><img src="../img/PuntaPalma/Suits-3.jpg" class="ism-img-Imgs"></li>
                    <li class="ism-slide-Imgs"><img src="../img/PuntaPalma/Suits-2.jpg" class="ism-img-Imgs"></li>
              </ul>
            </div>

在此示例中，js 工作正常，但是当我尝试动态添加图像时，js 不起作用。

<div class="ism-slider" data-transition_type="fade" data-play_type="loop">
  <ul>
    <!--li append from jQuery ajax-->
  </ul>
</div>

然后我打开js，我看到它有一个自动执行的函数，所以问题是:如何执行js中的函数页面加载后？

Answer 1

使用加载。由于您使用的是 jq:

$(window).load(function () {
    // do stuff
});

---

我查看了这个幻灯片库，发现您可能会感兴趣:

<script>
    window.ISMConfig = {no_instantiation:true};
</script>
<script src="/ism/js/ism-2.0.1-min.js?v=150717"></script>