【问题标题】:The way to write <a href=""> on Django在 Django 上编写 <a href=""> 的方法
【发布时间】:2017-02-12 16:20:16
【问题描述】:

我有一段时间没有使用Django,所以我忘记了Django的很多东西。当我单击 this site 上的 url 链接时,它会移动到另一个页面,但页面无法正常工作。但是,如果我重新加载页面或重新输入相同的 url,页面就会工作。

我是这样写的,

<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/ 移动页面时看到的。

这是我应该看到的,例如,http://bananaman.herokuapp.com/slideup_like_magic.

【问题讨论】:

  • 看起来是正确的。您对链接有何期待或看到“错误”?
  • @wobbily_col 感谢您的评论。例如,当我单击responsive 时,它会移动到页面,但没有图像出现。但是如果我在浏览器栏上写https://bananaman.herokuapp.com/bxslider 并移动,就会出现图像。但是如果我从https://bananaman.herokuapp.com/ 访问页面,图像不会出现。
  • 似乎一切都适合我,我在那里看到了很棒的猫
  • @Anatoly 感谢您的评论。真的吗?如果是这样,我的笔记本电脑和智能手机出了什么问题?如果你点击https://bananaman.herokuapp.com/上的slideUp header,会出现红色标题吗?
  • 我检查了你的 html,如果背景滑到顶部,它怎么会保持红色?

标签: django django-templates django-urls


【解决方案1】:

我没有费心处理正在发生的所有事情,但看起来您遇到的问题是由于 jQuery Mobile 的链接劫持造成的。从一页到下一页,您的 data-* 属性似乎不正确。

我认为您应该首先退出 jQuery Mobile 并确保一切正常。然后重新添加 jQuery Mobile 以确保您已使用正确的 data-role 属性设置页面。

【讨论】:

  • 啊!太感谢了。在我删除 jQuery Mobile 部分后,它变得运行良好。我在添加jQuery Mobile 之后写了那些&lt;a&gt; 链接,所以我无法追踪链接有什么问题。非常感谢。
猜你喜欢
  • 2014-12-16
  • 1970-01-01
  • 2011-02-25
  • 2016-04-19
  • 2017-05-05
  • 1970-01-01
  • 1970-01-01
  • 2018-11-12
  • 2021-09-22
相关资源
最近更新 更多