jQuery的DJango静态内容无法在模板中正确呈现H1，H2
|
使用manage.py runserver进行DJango 1.3本地开发
在我的应用程序目录中创建了一个名为static的目录
C:/Documents and Settings/Administrator/workspace/mysite/src/mysite/static/
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
STATICFILES_FINDERS = (
\'django.contrib.staticfiles.finders.FileSystemFinder\',
\'django.contrib.staticfiles.finders.AppDirectoriesFinder\',
)
STATIC_ROOT = \'\'
STATIC_URL = \'http:/localhost:8000/\'
urlpatterns = patterns(\'\',
(r\'^widget/$\', direct_to_template, {
\'template\': \'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 %}
<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>
<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>
没有找到相关结果
已邀请:
2 个回复
抵浮细
究补闯
<style type=\"text/css\"> body{ font: 62.5% \"Trebuchet MS\", sans-serif; margin: 50px;} </style>