2016-07-07 55 views
0

我有一個燒瓶項目並使用Jinja2的模板引擎,模板的一部分:我做一個base.html文件是這樣的:我應該在哪裏把部分js和css文件中的燒瓶項目

{%- block styles %} 
     {% include 'static_partial/style.html' %} 
    {%- endblock styles %} 

<body{% block body_attribs %}{% endblock body_attribs %}> 
{% block body -%} 
    <div class="container"> 
    {% block navbar %} 
     {% include 'navbar.html' %} 
    {%- endblock navbar %} 

    {% block scripts %} 
     {% include 'static_partial/script.html' %} 
    {%- endblock scripts %} 
    </div> 
{%- endblock body %} 
</body> 
{%- endblock html %} 
</html> 

我進口的js和部分目錄中的css文件,還有navbar.html。

和navbar.html中,我本身有一些CSS和JS定義,我應該在哪裏放置narbar.html CSS和JS定義?如果我把它放在navbar.html中,會導致錯誤,因爲js需要首先從base.html加載一些js文件,這讓我很困惑......

項目結構如下:

├── station 
│   ├── static 
│   ├── templates 
│   ├── py 

我scripts.html是這樣的:

<!-- jQuery2 --> 
     <script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script> 
     <!-- BootStrap Plugins --> 
     <script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
     <!-- Global JS --> 
     <script src="{{ url_for('static', filename='assets/js/global.js')}}"></script> 

,然後我包括我的base.html文件這個文件

+0

在燒瓶中的項目,所有的風格和JavaScript通常生活在./static文件夾中。你在使用靜態文件夾嗎?你能分享你當前的文件夾結構嗎? –

+0

@SinanGuclu我只是更新我的問題 – Chan

+0

你是否還在header.html partial中包含scripts.html partial? –

回答

0

除非我失去了一些東西,你可以添加其他的js文件你的導航酒吧的JavaScript下assets/jsnavbar.js

scripts.html其添加爲另一個腳本標籤:

<script src="{{ url_for('static', filename='assets/js/navbar.js')}}"></script> 
相關問題