将Bootstrap模板添加到MeteorJS

Question

将Bootstrap模板添加到MeteorJS

Mar*_*roe 11 templates twitter-bootstrap meteor

我有一个来自https://wrapbootstrap.com/的Bootstrap主题,我想在我的MeteorJS应用程序中使用它.问题是它有脚本标签,如:

<!--[if !lte IE 6]><!-->
    <!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/libs/jquery.min.js"><\/script>')</script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script>window.jQuery.ui || document.write('<script src="js/libs/jquery.ui.min.js"><\/script>')</script>

    script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></scrip>
                                                                                    <!-- RECOMMENDED: For (IE6 - IE8) CSS3 pseudo-classes and attribute selectors -->
    <!--[if lt IE 9]> 
        <script src="js/include/selectivizr.min.js"></script>                   
    <![endif]-->

    <script src="js/libs/jquery.ui.touch-punch.min.js"></script>                <!-- REQUIRED:  A small hack that enables the use of touch events on mobile -->

Run Code Online (Sandbox Code Playgroud)

添加到MeteorJS时不起作用.我知道标签不起作用,但你如何将这个设计的页面添加到MeteorJS？

稍后编辑:

我添加了script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>以上内容.以上所有脚本都添加在<body>.该google.maps库被使用,lib/main.js它不能与MeteorJS一起使用,因为它会提升ReferenceError.在流星之外,它工作正常.

有关如何从Bootstrap模板添加Google Maps脚本的任何想法？

稍后编辑:

Bootstrap模板有一个lib/main.js文件,它是导入的最后一个javascript文件.然而,当我将它添加到Meteor时,它似乎已经运行,但它的效果在UI中看不到.例如,它执行此行,$(".chzn-select").select2();但只有当我从控制台执行它时,我才能看到UI的变化.此文件由Meteor最后加载.我也尝试过

function load_scripts() {
var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "lib/main.js";
    document.body.appendChild(script);
}

if (Meteor.is_client) {
    window.onload = load_scripts;
}

Run Code Online (Sandbox Code Playgroud)

没有成功.