Meteor 加载外部 JS、CSS 并在加载时更新文档的方式是什么？

Question

我使用 Bootstrap 3、jquery 和自定义 CSS 制作了一些工作 HTML 文件。我正在尝试获取该代码并将其放入我的 Meteor 应用程序中，我遇到的问题是如何以适用于 Meteor 的方式加载 CSS 和 HTML。例如，这里有一些我想加载到我的模板中的脚本。

    <script type="text/javascript" src="{{rooturl}}/assets/js/smoothscroll.js"></script>
    <script type="text/javascript" src="{{rooturl}}/assets/js/bootstrap-select.min.js"></script>
    <script type="text/javascript" src="{{rooturl}}/assets/js/jquery.hotkeys.js"></script>
    <script type="text/javascript" src="{{rooturl}}/assets/js/jquery.nouislider.all.min.js"></script>
    <script type="text/javascript" src="{{rooturl}}/assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script type="text/javascript" src="{{rooturl}}/assets/js/infobox.js"></script>
    <script type="text/javascript" src="{{rooturl}}/assets/js/richmarker-compiled.js"></script>
    <script type="text/javascript" src="{{rooturl}}/assets/js/markerclusterer.js"></script>
    <script type="text/javascript" src="{{rooturl}}/assets/js/custom.js"></script>

我一开始只是将它包含在我的模板的头部，它似乎在大多数情况下都有效，但我的行为不稳定。在 custom.js 中，我在

中进行了大部分设置

$(document).ready(function($) {})

例如设置我的时间选择器

//  Timepicker ---------------------------------------------------------------------------------------------------------

    if( $('.oh-timepicker').length > 0 ) {
        $('.oh-timepicker').timepicker();
    }

    $('.item .quick-view').on('click',function (e) {
        e.preventDefault();
    });

我的问题是，我做错了什么？以特定顺序将 js 和 CSS 添加到 HTML 中的正确流星方式是什么。

此外，似乎在一个带有 Autoform 的页面上，它只是不断地重新加载它自己。我对如何在不触发流星重新加载页面的情况下更新 DOM 感到非常困惑。这是我第一次使用 Meteor，我想这可能是个错误的选择，因为我真的不需要响应式模板。

Answer 1

包含这样的文件不是流星的方式，这就是行为不稳定的原因。

使用它来包含 jquery：

https://atmospherejs.com/meteor/jquery

还有其他关于大气的包。包含顺序由流星处理。