0

我在下面添加了一些 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(); }); 
4

1 回答 1

4

你必须用<script></script>标签包裹你的代码

//child template
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    $(function(){
        $("#slides").slides();
    });
    </script>
{% endblock %}

我希望你明白这个问题!

于 2013-02-19T11:20:35.677 回答