pinax-theme-jquerymobile 0.2.4

快速启动

在需求文件中包含“pinax主题jquerymobile”，并 “pinax_theme_jquerymobile”在您安装的应用程序中。

确保模板加载程序和静态文件查找程序都包括 应用程序目录。

站点名称来自站点fixture。

你的“site_base.html”应该扩展“theme_base.html”

导航和子导航块

“nav”和“subnav”块内容应类似于：

<li><a data-role=”button” data-icon=”home” href=”{% url home %}”>{% trans “Home” %}</a></li>

“nav”块出现在页眉，“subnav”块出现在页脚中

你的页面应该有“标题”、“正文标题”（与“标题”内容相同）和“正文”块，并且应该扩展 “site_base.html”。

对于每个已安装的应用，base.html或appname_base.html中的应用内模板，您应该具有：

{% block body_title_base %}{% trans “Appname” %} : {% endif %}{% block body_title %}{% endblock %}{% endblock %}

“body”块前的somwhere

url名称“home”应定义为主页。

默认情况下，主题使用jquery cdn和最新的jquery、jquerymobile.min.js、jquerymobile.min.css

表格

要设置表单样式，请执行以下操作：

<form method=”POST” action=”“>{% csrf_token %} <li data-role=”list-divider”>{% trans “Your Form Name Here” %}</li> <ul data-role=”listview” data-inset=”true”>{{ form.as_ul }} <li><button data-icon=”arrow-u” type=”submit”>{% trans “Submit Form” %}</button></li></ul></form>

待办事项/问题

• 为其他pinax相关应用程序构建附加模板
• 添加设置选项以在设置中切换jquery移动主题（a、b、c、d、e）
• 添加设置选项以从cdn加载jquery mobile静态文件或使用本地文件。