Javascript:Async和jQuery'；s文档就绪/已加载

我需要在特定页面上加载大约五个脚本。它们是像

datatables

或

tinymce

这样的大型库。我一直在阅读，我发现我可以使用

async

，这样就不会阻止页面加载

我的一些页面包含如下代码：

<script type="text/javascript">
$(document).ready(function() {
    $("#title").on('input propertychange paste', function() {
        $("#slug").val(getSlug($(this).val()));
    });
});
</script> 

$（文档）.ready（函数（）{
$（“#title”）。在（'input property change paste'，function（）上{
$（“#slug”）.val（getSlug（$（this.val（）））；
});
});

此代码需要先前加载的库才能工作。否则我会得到一个错误，说函数不可用。-正在发生

我的疑问是：

DOMContentLoaded

是否只有在加载了我的所有脚本后才会激发，即使它们被设置为

async

jQuery的

$（document）.ready（）

不是应该在

DOMContentLoaded

之后发生吗，那么为什么我的脚本会失败呢

如果我错了，我应该如何避免由于不异步加载脚本而导致的瓶颈

---

多谢各位

什么函数不可用？你能告诉我你是如何加载jquery和其他脚本的吗？我正在加载页眉上的脚本。。。它不工作，因为

getSlug

不可用。该函数通过

async

从外部脚本加载。