Перенаправление в HTML не удалось

Question

У меня есть HTML:

{% load staticfiles %} 
<div style="margin:0 auto; width:900px"> 
<ul id="nav"> 
<li id="notification_li"> 
<a href="#" id="notificationLink"> 
<div id="notify"> <img src="{% static "images/notification.png" %}" width="20" height="20" /> 
{% if unseen_notifications.count > 0 %} 
    <span id="notification_count"> 
    {{unseen_notifications.count}}</span> 
{% endif %} 
</div></a> 
<div id="notificationContainer"> 
<div id="notificationTitle">Inbox</div> 
<div id="notificationsBody"> 
<a href="/home/">Home</a> 
</div> 
<div id="notificationFooter"><a href="{% url "ask_question" %}">See All</a></div> 
</div> 
</li> 
</ul> 
</div> 

Здесь у меня есть "Home" внутри "ид notificationContainer". Когда я нажимаю «Домой», он не перенаправляется, но за пределами «notificationContainer» он перенаправляет. Внутри контейнера уведомлений я готов отправить уведомления. Но он не перенаправляет.

Мой стиль для этого:

#notification_li{position:relative} 
#notificationContainer { 
background-color: #FFF; 
border: 1px solid rgba(100, 100, 100, .4); 
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25); 
overflow: visible; 
position: absolute; 
top: 30px; 
margin-left: -170px; 
width: 400px; 
z-index: 11; 
display: none; 
} 
#notificationContainer:before { 
content: ''; 
display: block; 
position: absolute; 
width: 0; 
height: 0; 
border: 10px; 
margin-top: -20px; 
margin-left: 188px; 
} 
#notificationTitle { 
z-index: 1000; 
font-weight: bold; 
padding: 8px; 
font-size: 15px; 
background-color: #ffffff; 
width: 384px; 
border-bottom: 1px solid #dddddd; 
} 
#notificationsBody { 
padding: 0px 0px 0px 0px !important; 
margin: 0px; 
min-height:300px; 
font-size:14px; 
display: block; 
} 
#notificationsBody a{ color: #000;} 
#notification_count { 
padding: 3px 7px 3px 7px; 
background: #cc0000; 
color: #ffffff; 
font-weight: bold; 
margin-left: 0px; 
border-radius: 20px; 
position: absolute; 
margin-top: -7px; 
font-size: 11px; 
} 
#notificationFooter { 
background-color: #e9eaed; 
text-align: center; 
font-weight: bold; 
padding: 8px; 
font-size: 12px; 
border-top: 1px solid #dddddd; 
} 

Answer 1

Вы должны определить URL в вашем urls.py , и если вы хотите использовать его как этот <a href="{% url "ask_question" %}"> затем добавить имя в свой адрес и использовать его, как это <a href="{% url "home" %}">

, если ваш дом имеет вид то:

url(r'^people/', "myapp.views.people", name="people"), 

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

url(r'^home/',TemplateView.as_view(template_name="homepage.html"), name="home"), 

Answer 2

Я думаю, вы неправильно поняли ответ Эбтессама. Вам не только нужно настроить URL-адрес, но также нужно правильно ссылаться на этот URL-адрес в HTML.

У вас есть:

<a href="/home/">Home</a> 

Изменить на:

<a href="{% url 'home' %}">Home</a> 

выше предполагает, что внутри вашего URL вы определили что-то, похожее на:

url(r'^home/',views.your_home_view_here, name="home"), 

Обратите внимание на name="home". В вашем шаблоне вы ссылаетесь на представление с этим именем, следовательно:

{% url 'home' %}