我在下面添加了一些javascript代码,使用幻灯片放映jquery插件显示一些照片。
//parent template
{% block javascripts %}
<script src="{{ asset('http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('bundles/canalonesfrontend/js/slides.min.jquery.js') }}" type="text/javascript"></script>
{% endblock %}
//child template
{% block javascripts %}
{{ parent() }}
$(function(){
$("#slides").slides();
});
{% endblock %}
问题:代码直接显示在网页中:
Some content
$(function(){ $("#slides").slides(); });
答案 0 :(得分:4)
你必须在代码周围附上<script></script>
标记
//child template
{% block javascripts %}
{{ parent() }}
<script type="text/javascript">
$(function(){
$("#slides").slides();
});
</script>
{% endblock %}
我希望你能理解这个问题!