Question

我有一个非常简单的弹出窗口的问题。所以我决定使用bootstrap页面示例进行测试，没有symfony没有问题，但是使用symfony和twig按钮没有做任何事情。

在此之前，我使用jQuery mobile进行测试，popover是一个完整的页面而不是弹出窗口。

我不知道问题出在哪里，先谢谢你的帮助:)。

Firefox中的源代码似乎没问题，没有symfony的代码，当我查看浏览器代码源时，它是一样的：x。

从头开始没有SF ：



    <html>
    <head>
    	<title>popover</title>
    	<link rel="stylesheet" href="bootstrap.min.css">

    	<script src="jquery-2.1.4.min.js"></script>
    	<script src="bootstrap.min.js"></script>
    </head>

    <body>
    	<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>

//here all it's ok 
    <script>
    	$(function () {
      $('[data-toggle="popover"]').popover()
    })
    </script>
    </body>
    </html>

和SF ：

    <html>
    <head>
    	<title>popover</title>
    	<link rel="stylesheet" href="bootstrap.min.css">

    	<script src="jquery-2.1.4.min.js"></script>
    	<script src="bootstrap.min.js"></script>
    </head>

    <body>
    	<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>

//here all it's ok 
    <script>
    	$(function () {
      $('[data-toggle="popover"]').popover()
    })
    </script>
    </body>
    </html>

并在SF页面中添加jquery函数：



    <!DOCTYPE html>
    <html>

    <head>
      <meta charset="UTF-8" />
      <title>Sebastien Caumes</title>
      <link rel="stylesheet" href="/sebastiencaumes/web/bundles/scsebastiencaumes/css/bootstrap.min.css">

      <link rel="stylesheet" href="/sebastiencaumes/web/bundles/scsebastiencaumes/css/global.css">



      <link rel="icon" type="image/x-icon" href="/sebastiencaumes/web/favicon.ico" />
    </head>

    <body>
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-12 header">
            <button type="button" class="btn btn-primary btn-circle btn-xl"><i class="glyphicon glyphicon-list"></i>
            </button>


            HEADER
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="row">
              <div class="col-md-6">
                DESCRIPTIF COMPETENCES ETC
              </div>
              <div class="col-md-6">
                <div class="test-box">projet1
                  <a href="/sebastiencaumes/web/app_dev.php/work/3">clic</a>
                  <button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>


                  <script>
                    $(function() {
                      $('[data-toggle="popover"]').popover()
                    })
                  </script>
                </div>
                <div class="test-box">projet2</div>
                <div class="test-box">projet3</div>
                <div class="test-box">projet4</div>
                <div class="test-box">projet5</div>
                <div class="test-box">projet6</div>
                <div class="test-box">projet7</div>
                <div class="test-box">projet8</div>
                <div class="test-box">projet9</div>
                <div class="test-box">projet10</div>

              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12 footer">
            FOOTER
            <div class="pull-right">

              <i class="glyphicon glyphicon-blackboard"></i>
              <i class="glyphicon glyphicon-blackboard"></i>
              <i class="glyphicon glyphicon-blackboard"></i>
            </div>

          </div>
        </div>
      </div>

      <script src="/sebastiencaumes/web/bundles/scsebastiencaumes/js/jquery-2.1.4.min.js"></script>
      <script src="/sebastiencaumes/web/bundles/scsebastiencaumes/js/bootstrap.min.js"></script>
      <script src="/sebastiencaumes/web/bundles/scsebastiencaumes/js/global.js"></script>
</body>
</html>

我认为这是一个非常简单的问题，但我没有看到它。

Answer 1

最后一切都好。手动清除缓存并从服务器和Web本地目录中删除.js后重新运行资产：install ...：）

Symfony2引导程序弹出窗口不起作用

1 个答案: