jQuery 插件 Tiny Scrollbar，在 javascript 脚本标签中添加了延迟，停止工作答案

【问题标题】：jQuery plugin, Tiny Scrollbar, with defer added to the javascript script tags, stops workingjQuery 插件 Tiny Scrollbar，在 javascript 脚本标签中添加了延迟，停止工作
【发布时间】：2017-09-20 20:39:38
【问题描述】：

我得到了 jQuery 插件 Tiny Scrollbar，但当我延迟加载所需的 javascript 文件时，插件停止工作。

例如：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" defer="defer"></script>
<script src="jquery.tinyscrollbar.js" defer="defer"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#scrollbar1').tinyscrollbar();
});
</script>

如果我从 2 行中删除 defer="defer"，那么插件就可以工作了。
如果我将 (document).ready 脚本放入一个 js 文件并推迟它，该插件仍然无法工作。

有谁知道如何让这个插件与 defer 一起工作？
或者是否有另一个适用于 defer 的 jQuery 滚动条插件？
有谁知道 defer 是否适用于 jQuery Scrollbar 插件？

【问题讨论】：

我找到了解决方案。我使用了不使用 jQuery 的独立微型滚动条 js 库。它在延迟独立的 js 文件时起作用。我猜这不一定是 Tiny Scrollbar 问题，而是任何使用延迟 jQuery 的 javascript 的潜在问题。在某些情况下，jQuery 不能被推迟。

标签： javascript jquery scrollbar

【解决方案1】：

put $('#scrollbar1').tinyscrollbar(); tinyscrollbar 库的末尾或创建 anther 库并将其包含在 tinyscrollbar 库宽度 defer="defer"

之后

【讨论】：

我确实尝试过制作另一个单独的 js 库并在 defer 之后包含它，但没有奏效。