2016-10-04 4 views
0

I haven't used Django for a while, so I forgot many things of Django. When I click url link on this site, он перемещается на другие страницы, но страницы работают неправильно. Но если я перезагружаю страницу или перепечатываю тот же URL-адрес, страницы работают.Способ записи <a href=""> on Django

Я написал, как эти,

<a href="{% url 'slideup_like_magic' %}">slideUp header</a> 

или

<a href="/carousel/">carousel</a> 

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

index.html

{% load staticfiles %} 
<!DOCTYPE html> 
<html lang="en-EN"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- for IE --> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> 
    <title>Welcome to my Samples!</title> 
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css"> 
    <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" /> 
    <style type="text/css"></style> 
</head> 
<body> 
    <div> 
     <span>Welcome to my samples!!</span> 
     <dl> 
      <dt>Bootstrap</dt> 
      <dd><a href="{% url 'affix' %}">affix</a></dd> 
      <dd><a href="/carousel/">carousel</a></dd> 
      <dt>BxSlider</dt> 
      <dd><a href="/bxslider/">responsive</a></dd> 
      <dt>Magic</dt> 
      <dd><a href="{% url 'slideup_like_magic' %}">slideUp header</a></dd> 
     </dl> 
    </div> 

    <!-- JavaScript --> 
    <!--[if lt IE 9]> 
     <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript" ></script> 
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js type="text/javascript" ></script> 
    <![endif]--> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script> 
    <script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
    <script type="text/javascript"></script> 

</body> 
</html> 

url.py

from django.conf.urls import include, url 

from django.contrib import admin 
admin.autodiscover() 

import hello.views 

# Examples: 
# url(r'^$', 'gettingstarted.views.home', name='home'), 
# url(r'^blog/', include('blog.urls')), 

urlpatterns = [ 
    url(r'^$', hello.views.index, name='index'), 
    url(r'^bxslider/$', hello.views.bxslider, name='bxslider'), 
    url(r'^affix/$', hello.views.affix, name='affix'), 
    url(r'^carousel/$', hello.views.carousel, name='carousel'), 
    url(r'^slideup_like_magic/$', hello.views.slideup_like_magic, name='slideup_like_magic'), 
    url(r'^db', hello.views.db, name='db'), 
    url(r'^admin/', include(admin.site.urls)), 
] 

Django-1.9.2

////// Дополнительная //////

Это то, что я см., когда я перемещаю страницу с http://bananaman.herokuapp.com/.

enter image description here

И это то, что я должен видеть, например, http://bananaman.herokuapp.com/slideup_like_magic. enter image description here

+1

Это выглядит правильно. Что вы ожидаете или видите «неправильно» со ссылкой? –

+0

@wobbily_col Спасибо за ваш комментарий. Например, когда я нажимаю «отзывчивый», он перемещается на страницу, но изображение не появляется. Но если я пишу 'https: // bananaman.herokuapp.com/bxslider' на панели браузера и перемещаюсь, появляются изображения. Но изображения не отображаются, если я посещаю страницу с 'https: // bananaman.herokuapp.com /'. – yamachan

+1

Кажется, все работает для меня, я вижу потрясающую кошку там –

ответ

2

Я не потрудился работать через все, что происходит, но похоже, что проблемы, которые вы испытываете, связаны с захватом ссылок jQuery Mobile. Не похоже, что ваши атрибуты data-* корректны с одной страницы на другую.

Я думаю, вы должны начать с вытаскивания jQuery Mobile и убедиться, что все работает правильно. Затем добавьте jQuery Mobile, чтобы убедиться, что вы настроили страницу с правильными атрибутами data-role.

+0

Ах! Огромное спасибо. После того как я удалил часть jQuery Mobile, она стала работать хорошо. Я написал эти '' ссылки после добавления jQuery Mobile', поэтому я не мог проследить, что было не так с ссылками. Большое спасибо. – yamachan

 Смежные вопросы

  • Нет связанных вопросов^_^