我正在浏览烧瓶教程,我似乎无法使模板继承工作.下面是我的代码示例
我的base.html是:
<!DOCTYPE html>
<html lang="en">
<head>
{% block head %}
<link rel="stylesheet" href="style.css" />
<title>{% block title %}{% endblock %} - My Webpage</title>
{% endblock %}
</head>
<body>
<div id="content">{% block content %}{% endblock %}</div>
<div id="footer">
{% block footer %}
© Copyright 2008 by <a href="http://domain.invalid/">you</a>.
{% endblock %}
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我的孩子Temp是:
{% extends "base.html" %}
{% block title %}Index{% endblock %}
{% block head %}
{{ super() }}
<style type="text/css">
.important { color: #336699; }
</style> …Run Code Online (Sandbox Code Playgroud) 我正在寻找一些可折叠的帮助我试图在它们处于活动状态时更改标题上的图标但是似乎无法解决问题,如果我点击另一个标题而不关闭第一个显示正确图标的标题.
这是一个包含我的问题示例的codepen. http://codepen.io/FPC/pen/xZEWVY
这是我的代码:
<div class="container">
<div class="row">
<div class="col s6">
<ul class="collapsible popout" data-collapsible="accordion">
<li>
<div class="collapsible-header">
<i class="material-icons right more">expand_more</i>
<i class="material-icons right less" style="display: none">expand_less</i>
Article Title
</div>
<div class="collapsible-body">
<p>
Content Snipit
</p>
</div>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons right more">expand_more</i>
<i class="material-icons right less" style="display: none">expand_less</i>
Article Title
</div>
<div class="collapsible-body">
<p>
Content Snipit
</p>
</div>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons right more">expand_more</i>
<i class="material-icons right less" style="display: none">expand_less</i>
Article Title
</div>
<div …Run Code Online (Sandbox Code Playgroud) 我正在从 Chart.js 复制示例,但我不知道我犯的错误是什么。
这是我的代码(取自示例):
<canvas id="myChart" width="400" height="400"></canvas>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js" charset="utf-8"></script>
<script type="text/javascript">
// Get the context of the canvas element we want to select
var ctx = document.getElementById("myChart").getContext("2d");
var myNewChart = new Chart(ctx[0]).Pie(data);
var data = [{
value: 300,
color: "#F7464A",
highlight: "#FF5A5E",
label: "Red"
}, {
value: 50,
color: "#46BFBD",
highlight: "#5AD3D1",
label: "Green"
}, {
value: 100,
color: "#FDB45C",
highlight: "#FFC870",
label: "Yellow"
}]
</script>
Run Code Online (Sandbox Code Playgroud)
这段代码给了我一个错误:
未捕获的类型错误:无法读取未定义的属性“画布”
现在,如果我将myNewChartvar更改为:
var myNewChart = new …Run Code Online (Sandbox Code Playgroud) chart.js ×1
css ×1
flask ×1
javascript ×1
jinja2 ×1
jquery ×1
materialize ×1
pie-chart ×1
python ×1