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();
    });

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

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

Answer 1

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

使用它来包含jquery：

https://atmospherejs.com/meteor/jquery

气氛上还有其他套餐。包含的顺序由流星照顾。

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

1 个答案: