Статический контент DJango для JQuery CSS не отображает H1, H2 в шаблоне - PullRequest
Новая
       22

Статический контент DJango для JQuery CSS не отображает H1, H2 в шаблоне

1 голос
/ 29 мая 2011

Локальная разработка DJango 1.3 с использованием manage.py runserver

В моем каталоге приложений создан каталог с именем static 

C:/Documents and Settings/Administrator/workspace/mysite/src/mysite/static/

Поместите файлы JQuery в 

C:\Documents and Settings\Administrator\workspace\mysite\src\mysite\static\css\custom-theme\jquery-ui-1.8.13.custom.css
C:\Documents and Settings\Administrator\workspace\mysite\src\mysite\static\js\jquery-1.5.1.min.js
C:\Documents and Settings\Administrator\workspace\mysite\src\mysite\static\js\jquery-ui-1.8.13.custom.min.js

Settings.py 

STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
)

STATIC_ROOT = ''
STATIC_URL = 'http:/localhost:8000/'

urls.py 

urlpatterns = patterns('',
    (r'^widget/$', direct_to_template, {
            'template': 'widget.html'
    }),
)

Мой шаблон widget.html 

{% extends "base.html" %}
{% block title %}Test Widget{% endblock %}
{% block content %}
Here is the Date picker
<form action="" method="post">
    <input type="text" name="date" id="date" />
    <input type="submit" value="Submit">
</form>
{% endblock %}

Мой шаблон base.html 

<html>
<head>
<title>{% block title %}{% endblock %}</title>
<link type="text/css" href="{{ STATIC_URL }}css/custom-theme/jquery-ui-1.8.13.custom.css" rel="Stylesheet" />   
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ui-1.8.13.custom.min.js"></script>
</head>
<body>
    {% load i18n %}
    <h1>Top of mysite in base.html</h1>        
    {% block nav %} {% endblock %}       
    {% block content %}{% endblock %}
    {% block footer %}
        <H1> Footer top </H1>
        <H2> Footer medium </H2>
        <H3> Footer small </H3> 
    {% endblock %}
</body>

Переход по этому URL-адресу http://localhost:8000/widget/ отображается ниже, но стили JQuery для H1, H2, H3 не отображаются.Ни один из них не является средством выбора календаря. 

<html>
<head>
<title>Test Widget</title>
<link type="text/css" href="http:/localhost:8000/css/custom-theme/jquery-ui-1.8.13.custom.css" rel="Stylesheet" />  
<script type="text/javascript" src="http:/localhost:8000/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="http:/localhost:8000/js/jquery-ui-1.8.13.custom.min.js"></script>
</head>
<body>    
<h1>Top of mysite in base.html</h1>                     
Here is the Date picker
<form action="" method="post">
<input type="text" name="date" id="date" />
<input type="submit" value="Submit">
</form>
<H1> Footer top </H1>
<H2> Footer medium </H2>
<H3> Footer small </H3>
</body>
</html>

Кажется, что другие тоже бьют это, я обнаружил статические файлы Django 1.3, помещенные в каталоги приложений

Ответы [ 2 ]

0 голосов
/ 30 мая 2011

Новое в таблицах стилей. Я забыл включить следующие записи таблицы стилей в base.html, тогда это сработало. Хотя средство выбора даты файла все еще не делает. 

<style type="text/css">
            body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
        </style>
0 голосов
/ 29 мая 2011

Проверьте ваш seetings.py, STATIC_URL , похоже, определен неправильно.

Посмотрите документацию: https://docs.djangoproject.com/en/dev/ref/settings/#std:setting-STATIC_URL

...