带有Symfony 2的Twig模板中的JavaScript元素问题_Javascript_Jquery_Symfony_Twig

带有Symfony 2的Twig模板中的JavaScript元素问题

javascript jquery symfony twig

带有Symfony 2的Twig模板中的JavaScript元素问题,javascript,jquery,symfony,twig,Javascript,Jquery,Symfony,Twig,我的小树枝模板中的Javascript元素有问题当站点菜单从id样式引用（例如href=“#terms”）更改为链接到其他页面（例如href={path（'terms'）}）时，页面顶部的JS carousel元素未加载这是index.html.twig的一部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta name=

我的小树枝模板中的Javascript元素有问题

当站点菜单从id样式引用（例如href=“#terms”）更改为链接到其他页面（例如href={path（'terms'）}）时，页面顶部的JS carousel元素未加载

这是index.html.twig的一部分

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="utf-8"/> 
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <title> {% block title %} Test Script {% endblock %}</title> 
        <link rel="shortcut icon" href="{{ asset('favicon.ico') }}"/> 
        {% block stylesheets %} 
            {% stylesheets 'bundles/useruser/css/*' filter='cssrewrite' %} 
            <link rel="stylesheet" href="{{ asset_url }}" type="text/css"/> 
            {% endstylesheets %} 
        {% endblock %} 
        <script type="text/javascript" charset="utf-8" src="//code.jquery.com/jquery-2.1.4.min.js"></script> 
        {% block javascripts %} 
            {% javascripts '@UserUserBundle/Resources/public/js/*' %} 
            <script type="text/javascript" src="{{ asset_url }}"></script> 
            {% endjavascripts %} 
        {% endblock %} 
    </head> 
    <body> 
        {% block body %} 
        <div id="sTop" class="site-main"> 
            <div class="site-header"> 
                <div class="main-header"> 
                    <div class="container"> 
                        <div id="menu-wrapper"> 
                            <div class="row"> 
                                <div class="logo-wrapper col-md-4 col-sm-2 col-xs-8"> 
                                    <h1> 
                                        <a>Travel Flex</a> 
                                    </h1> 
                                </div> 
                                <div class="col-md-8 col-sm-10 col-xs-4 main-menu text-left"> 
                                    <ul class="menu-first hidden-sm hidden-xs"> 
                                        <li class="active"><a href="#">{{ 'About' }}</a></li> 
                                        <li><a href="terms">{{ 'Terms & Conditions' }}</a></li> 
                                        <li><a href="privacy">{{ 'Privacy Policy' }}</a></li> 
                                        <li><a href="#contact">{{ 'Subscribe' }}</a></li> 
                                        <li><a href="unsubscribe">{{ 'Unsubscribe' }}</a></li> 
                                    </ul> 
                                    <a href="#" class="toggle-menu visible-sm visible-xs"><i class="fa fa-bars"></i></a> 
                                </div> 
                            </div> 
                        </div> 
                        <div class="menu-responsive hidden-md hidden-lg"> 
                            <ul> 
                                <li class="active"><a href="#">{{ 'About' }}</a></li> 
                                <li><a href="terms">{{ 'Terms & Conditions' }}</a></li> 
                                <li><a href="privacy">{{ 'Privacy Policy' }}</a></li> 
                                <li><a href="#contact">{{ 'Subscribe' }}</a></li> 
                                <li><a href="unsubscribe">{{ 'Unsubscribe' }}</a></li> 
                            </ul> 
                        </div> 
                    </div> 
                </div> 
            </div> 
            <div class="site-slider"> 
                <div class="slider"> 
                    <div class="flexslider"> 
                        <ul class="slides"> 
                            <li> 
                                <div class="overlay"></div> 
                                <img src="{{ asset('bundles/useruser/images/slide1.jpg') }}" alt=""> 
                                <div class="slider-caption visible-md visible-lg"> 
                                    <h2>test text 1</h2> 
                                    <p>test text 1</p> 
                                </div> 
                            </li> 
                            <li> 
                                <div class="overlay"></div> 
                                <img src="{{ asset('bundles/useruser/images/slide2.jpg') }}" alt=""> 
                                <div class="slider-caption visible-md visible-lg"> 
                                    <h2>test text2</h2> 
                                    <p>test text 2</p> 
                                </div> 
                            </li> 
                            <li> 
                                <div class="overlay"></div> 
                                <img src="{{ asset('bundles/useruser/images/slide3.jpg') }}" alt=""> 
                                <div class="slider-caption visible-md visible-lg"> 
                                    <h2>test text 3</h2> 
                                    <p>test text 3</p> 
                                </div> 
                            </li> 
                        </ul> 
                    </div> <!-- /.flexslider --> 
                </div> <!-- /.slider --> 
            </div> <!-- /.site-slider --> 
        </div> <!-- /.site-main -->


{%block title%}测试脚本{%endblock%}
{%块样式表%}
{%stylesheets'bundles/useruser/css/*'filter='cssrerewrite'%}
{%endstylesheets%}
{%endblock%}
{%block javascripts%}
{%javascripts'@userbundle/Resources/public/js/*'%}
{%endjavascripts%}
{%endblock%}
{%block body%}















测试文本1
测试文本1


测试文本2
测试文本2


测试文本3
测试文本3

当我使用href=“#术语”时，Carousel元素加载良好。然而，链接并没有正常工作（红色矩形中的链接不会重定向到其他页面）

当我使用href={{path（'terms'）}}时，链接按它应该的方式工作，但是没有加载carousel元素。看起来在如何将js文件包括到index.html.twig中存在问题，但我不确定如何对其进行缓冲。以下是浏览器控制台的错误：

如需任何帮助，请替换如下所示的Include jQuery库代码片段

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

分享你的旋转木马的jQuery代码，并添加截图以更好地理解问题。我已经用该问题的截图修改了我的原始帖子。第一个截图是当顶部旋转木马工作正常时，但顶部栏上的链接不工作。第二个旋转木马-链接工作正常，但旋转木马没有加载。关于jQuery代码，我正在工作有人在我之前创建的代码-我可以共享整个文件，因为我不确定它的哪一部分是carousel本身的原因。ThanksLooks好像这个问题是从这里来的-这是浏览器控制台所说的在您的问题中添加控制台错误！添加您的代码以表示感谢，但我仍然有相同的问题Sizzle.error=function（msg）{抛出新错误（“语法错误，无法识别的表达式：“+msg”）；}；

{{ absolute_url(asset('bundles/useruser/images/slide1.jpg')) }}