Подтвердить что ты не робот

Добавить шаблон Bootstrap в MeteorJS

У меня есть тема Bootstrap из https://wrapbootstrap.com/, которую я хочу использовать в своем приложении MeteorJS. Проблема в том, что теги script похожи на:

<!--[if !lte IE 6]><!-->
    <!-- Link to Google CDN 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 -->

которые не работают при добавлении в 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. Вне Метеор он отлично работает.

Любые идеи о том, как добавить Карты Google script из шаблона Bootstrap?

Редактировать позже:

В шаблоне Bootstrap есть файл lib/main.js, который является последним импортированным javascript файлом. Тем не менее, когда я добавляю его в Meteor, он, кажется, запускается, но его эффекты не наблюдаются в пользовательском интерфейсе. Например, он выполняет эту строку $(".chzn-select").select2();, но только когда я ее выполню из Консоли, я вижу изменения пользовательского интерфейса. Этот файл загружается последним Метеор. Я также пробовал с помощью

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

без успеха.

4b9b3361

Ответ 1

Эти внешние темы могут быть несовместимы с загрузочной загрузкой по умолчанию, включенной в метеор, поэтому вы должны удалить пакет метеоритной загрузки:

Удалить загрузку по умолчанию:

meteor remove bootstrap

Добавьте свою тему:

Поместите свои файлы css в каталог проекта css, скажем /client/css

Разместите темы javascript файлов в /client/lib

Не беспокойтесь о тэгах script или о соединении любого из них или чего-либо еще, метеор должен позаботиться обо всем этом.

И

Meteor включает JQuery по умолчанию, поэтому вам не нужно беспокоиться о включении его в свой проект. Чтобы добавить jquery, если по какой-то нечетной причине у вас есть проект meteor, возможно, он не использует его:

meteor add jquery

Внешний Apis

например, сценарии FB/Google Mapis API/отслеживания. Добавьте их в раздел <head> вашего html файла как обычно.

Надеюсь, вы найдете все это круто!!