import js in html.twig symfony2

Question

I try to import the JS file into my html.twig file. But it doesn't work. Could you give me some suggestions?

this is my layout file

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
{%block stylesheets %}

  <link rel="stylesheet" href="{{ asset('bundles/ensjobologic/css/bootstrap.css') }}" type="text/css" media="all" />
  <link rel="stylesheet" href="{{ asset('bundles/ensjobologic/css/layout.css') }}" type="text/css" media="all" />

  <link href="asset('bundles/ensjobologic/css/bootstrap-responsive.css" rel="stylesheet">

  <link rel="stylesheet" href="{{ asset('bundles/ensjobologic/css/flat-ui.css') }}" type="text/css" media="all" />

  {% endblock %}
  {% block javascripts %}
  {% endblock %}
</head>

this is the child file:

{% block javascripts %}
    {{ parent() }}
    {% javascripts 'js/jquery.tagsinput.js' %}
      <script src="{{ asset_url }}" type="text/javascript"></script>
    {% endjavascripts %}
{% endblock %}

the css work well. But the js file don't have any effect.

Emii Khaos · Accepted Answer · 2013-06-11 09:18:43Z

3

asset() is not assetic. You don't have to speficy the asset in the javascripts macro. See how to use assetic and inlcude javascripts

{% block javascripts %} 
    {{ parent() }}  
    {% javascripts '@EnsUserBundle/Resources/public/js/jquery.tagsinput.js'%}
         <script type="text/javascript" src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}

Take notice at the asset_url variable.

EDIT: For dev the assets are delivered by a controller (in default settings), so every change is detected. Only after adding new files a cache clear is needed.

for prod you need to dump them to a physically file under the web path with

php app/console assetic:dump --env=prod --no-debug

edited Jun 11, 2013 at 9:18

answered Jun 10, 2013 at 16:14

Emii Khaos

10.1k3 gold badges37 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

史京迪 Over a year ago

Thanks for your help. But it still doesn't work. I'll keep on finding the mistake.

史京迪 Over a year ago

Thanks for your help. I'm a rookie. I'm trying to use the command line. But it occurs an error that cannot find the path.

史京迪 Over a year ago

And I cannot understand when i call the css file it works while. But when i call the js file it doesn't work......Get stuck for days.

史京迪 Over a year ago

Yes it's in Ens/UserBundle/Resources/public/js/

Collectives™ on Stack Overflow

import js in html.twig symfony2

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related