Как связать панель навигации в Django?

Question

Я новичок в django. Я хочу создать адаптивный веб-сайт. Я использую для него django, веб-сайт работает нормально, за исключением одного случая, когда веб-сайт переключается на мобильный вид. Панель навигации не работает.

Это мой urls.py

из django.conf.urls, URL-адрес импорта из представлений импорта приложений

urlpatterns = [

url(r'^$',views.index,name='index'),
url(r'^about/',views.about,name='about'),
url(r'^contact/',views.contact,name='contact'),
url(r'^portfolio_project1/',views.portfolio_project1,name='portfolio_project1'),
url(r'^portfolio_project2/',views.portfolio_project2,name='portfolio_project2'),
url(r'^portfolio_project3/',views.portfolio_project1,name='portfolio_project3'),
url(r'^resume/',views.resume,name='resume'),
url(r'^portfolio/',views.portfolio,name='portfolio'),

]

Thisмой раздел заголовка

<header role="banner" class="banner clearfix" id="banner">
        <div class="section-content">
            <div class="branding clearfix">
                <figure id="logo"><a href="{% url "index" %}" title="Return to Home Page"><img src="{% static "images/logo.png" %}" alt="my logo" /></a></figure>
                <h1><a href="{% url "index" %}" title="Return to Home Page">Sriram</a></h1>
                <h2>Portfolio Website</h2>
            </div>
        </div>
        <a href="#nav" aria-controls="nav" class="nav-menu-toggle control" id="menu-toggle">Menu</a>
    </header>
    <nav role="navigation" class="nav clearfix main-nav" id="nav">
        <ul class="nav-menu">
            <li class="menu-item"><a href="{% url "about" %}">About</a></li>
            <li class="menu-item"><a href="{% url "resume" %}">Resume</a></li>
            <li class="menu-item"><a href="{% url "portfolio" %}">Portfolio</a>
                <ul class="sub-menu">
        <li class="menu-item"><a href="{% url "portfolio_project1" %}">Project 1</a></li>
                    <li class="menu-item"><a href="{% url "portfolio_project2" %}">Project 2</a></li>
                    <li class="menu-item"><a href="{% url "portfolio_project3" %}">Project 3</a></li>
                </ul>
            </li>
            <li class="menu-item"><a href="{% url "contact" %}">Contact</a></li>
        </ul><!--/.nav-menu-->
    </nav>

Это мой views.py

из django.shortcuts рендеринга импорта

из django.http import HttpResponse

defindex (запрос): возвращать render (request, 'index.html')

def about (запрос): возвращать render (request, 'about.html')

def contact (request): return render (request, 'contact.html')

def portfolio_project1 (request): return render (request, 'portfolio_project1.html')

def portfolio_project2 (request): return render (request, 'portfolio_project2.html')

def portfolio_project3 (запрос): возврат рендеринга (запрос,'portfolio_project3.html')

def резюме (запрос): вернуть визуализацию (запрос, 'resume.html')

def портфолио (запрос): вернуть визуализацию (запрос, 'портфолио.html)')

Эти скрипты связаны

    <script>window.jQuery || document.write('<script src="{% static "js/vendor/jquery-1.12.0.min.js" %}"><\/script>')</script>
    <script src="{% static "js/plugins.js" %}"></script>

    <!-- Widowtamer -->
    <script src="{% static "js/vendor/widowtamer-min.js" %}"></script>

    <script src="{% static "js/main.js" %}></script>

Я протестировал сайт без использования django, он работает нормально.Но если я использую django, когда я переключаюсь на мобильный вид, кнопка меню не работает, все остальное работает нормально.