Question

我有一个非常基本的Jssor Slider实现，我在这里上传了： http://preview.sparkplugengine.com/JssorDev/

我想用ASYNC或DEFER加载依赖项，但我正在努力弄清楚如何做到这一点并让滑块执行。我没有很多关于JavaScript或异步编程的经验（显然）。

有没有人用JSSOR解决这个问题或知道解决方案？

Answer 1

脚本加载后，您可以使用脚本标记中的onload属性来执行代码。

使用单个依赖项，您可以使用它直接运行代码。
对于多个依赖项，您需要计算这些load事件并在所有依赖项加载后运行代码。

在这两种情况下，您需要将现有代码包装在函数中，并且最好在加载依赖项之前对其进行定义。

多个依赖项示例

<script>
    var ready = 0; // defined in global scope

    function doStuff() {
        // don't run until we have loaded 2 dependencies
        if(++ready < 2) {
            return;
        }
        // run
        console.log('loaded 2 dependencies, now doing stuff');
    }
</script>
<script async defer src="dep1.js" onload="doStuff()"></script>
<script async defer src="dep2.js" onload="doStuff()"></script>

异步或延迟Jssor依赖项

1 个答案:

多个依赖项示例