仅在另一个加载后加载脚本

Question

我有一个脚本可以从Facebook中捕获图像，还有另一个脚本来添加滑块。我只需要在Facebook脚本加载时才加载滑块脚本。

我如何做？

Answer 1

我认为您应该更改代码的结构。您应该有2个功能，1个用于从Facebook中捕获图像的功能，另一个用于启动滑块。然后在功能1内部您需要触发事件以通知功能2图像完成了加载，然后功能2可以做

这样，您的结构将更清晰，更易于维护。而且您不必手动注入脚本标签，将所有内容都放在一个文件中并加载一旦

Answer 2

您可以通过选择所有<script>元素并检查其src属性来检查有问题的<script>标签。

var len = $('script').filter(function () {
   return ($(this).attr('src') == '<facebook JS>');
}).length;
//if there are no scripts that match, the load it
if (len != 0) {
   $.getScript('<slider JS>');
}

Answer 3

$.getScript('<facebook JS>',function(){
   $.getScript('<slider JS>');
});

Answer 4

requirejs可能会为您执行此操作，但是我不建议您为小型应用程序增加15kb的流量。