0

スライド ショー jquery プラグインを使用していくつかの写真を表示するために、以下に JavaScript コードを追加しました。

//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 %}

問題: コードは Web ページに直接表示されます。

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 に答える