2015-06-10 2 views
0

Я пытаюсь использовать этот шаблон бутстрапа https://almsaeedstudio.com/preview с метеор. Мне удалось переместить CSS, JS и т.д. файлы в общую папку и сломаны страницу вниз в шаблоны, как, например:бутстрап шаблон с метеор

<head> 
    <meta charset="UTF-8"> 
    <title>Thooslo Backend</title> 
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> 

    <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> 
    <!-- Theme style --> 
    <link href="/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> 
    <!-- AdminLTE Skins. We have chosen the skin-blue for this starter 
      page. However, you can choose any other skin. Make sure you 
      apply the skin class to the body tag so the changes take effect. 
    --> 
    <link href="/dist/css/skins/skin-blue.min.css" rel="stylesheet" type="text/css" /> 

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
    <!--[if lt IE 9]> 
     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <![endif]--> 
    </head> 

    <body class="skin-blue sidebar-mini"> 
    <div class="wrapper"> 

     <!-- Main Header --> 
    {{>header}} 
    {{>sidebar}} 
    {{>content}} 
    {{>footer}} 
    {{>rtSidebar}} <!-- this one is supposed to be animated --> 


    </div><!-- ./wrapper --> 
</body> 

Я не знаю, как получить код от app.js, предусмотренных в шаблоне (ответственный за фактическое оживление макета).

Я попытался добавить это до конца после тега тела и добавляя весь код JS, но это не сработало:

Template.index.rendered = function(){ 
/* your custom js */ 
} 

Как я могу идти о добавлении jquesy эффектов, таких как создание высоты divs такие же, как высота страницы.

я нашел только один пост, описывающее это: Add Bootstrap template to MeteorJS

+0

Почему бы не поместить все файлы js/css в папку client/lib или client/compatible? – Ethaan

+0

@ Ethaan Я сделал это, большая часть шаблона работает, но только слайд-аниматы isnt (jQuery) – shaunakde

+0

@ Ethaan не пробовали папку клиента/совместимости. У вас есть несколько советов по этому поводу? Я попробую это и сообщите об этом. – shaunakde

ответ

0
  1. Помещенный клиент на основе JS-файлов на клиент/Lib или клиент/JS
  2. Используйте правильный шаблон рендеринга

    if (Meteor.isClient) { 
        Template.body.rendered = function(){ 
         //jQuery 
        }; 
    }; 
    
Смежные вопросы