仅在加载了另一个脚本时加载脚本

Question

我有一个脚本来从Facebook捕获图像，另一个脚本添加一个滑块。 我想只在加载了facebook脚本时才加载滑块脚本。

我是怎么做到的？

Answer 1

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

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

Answer 2

您可以选择所有<script>元素并检查其<script>属性来检查相关src代码是否存在。

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的流量。