Question

我正在使用Sympfony2开发一个网站。实际上，我创建了一个名为“tes2.html.twig”的twig文件。其代码如下：

<html>
<head>
    <link rel="stylesheet" type="text/css" href="{{asset('bundles/moslemtest/phptest/bootstrap.min.css')}}"/>
    <script src="{{asset('bundles/moslemtest/phptest/bootstrap.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('bundles/moslemtest/src/jquery.min.js')}}" type="text/javascript"></script>
</head>
<body> 
        <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
            <input type="image"  id="notifications" alt="notifications" src="{{asset('bundles/moslemtest/phptest/notifications.jpg')}}"/>
        </button>
        <ul class="dropdown-menu" role="menu">
            <li><span>hello</span></li>
        </ul>
    </div>
</body>

当我看到该文件的输出时，我看到屏幕下方的按钮：

enter image description here

问题是，当我点击该按钮时，尽管我在上面的代码中检查了路径，但没有任何项目出现。顺便说一句，您可以查看下面的屏幕截图，以确保：

enter image description here

如上所述，我尊重每个源文件的路径（我的意思是：bootstrap.min.css，bootstrap.min.js，jquery.min.js和notifications.jpg）。所以我的问题是我的代码中的错误是什么？

Answer 1

打开firebug并选择控制台
点击或刷新页面，然后查找加载java脚本和css

我相信你的环境中缺少这些，因为当我在这里复制并粘贴你的代码时 - 它有效！

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_dropdown-menu&stacked=h

或者尝试使用此处的工作代码替换您的代码

http://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp

，如果这不起作用，你知道它是你需要的javascript或css for bootstrap工作不加载。

通过查看firebug的控制台选项卡确保您的页面加载没有错误。

在Symfony2中，引导菜单无法正常工作

1 个答案: