在symfony2中使用Bootstrap冲突jQuery

时间:2014-08-10 08:56:15

标签: javascript jquery twitter-bootstrap symfony

我在我的项目中遇到了jquery和bootstrap的问题,我在Symfony 2中写道。

    <script src="{{ asset('//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js') }}"></script>
    <script src="{{ asset('//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js') }}"></script>
    <script src="{{ asset('js/bootstrap.js') }}"></script>

我的bootstrap灯箱有问题。我尝试了两个插件: 既没有Boostrap灯箱也没有jquery.simple.lightbox不起作用。在这两种情况下,我都有同样的问题:

当我点击时 - 我只看到效果阴影。我无法看到图像。它发生了什么?为什么这些脚本不起作用?

    <a data-toggle="lightbox" href="#demoLightbox">
                <img src="{{ asset("avatars/") ~ us.avatar }}" class='small' />

    </a>

<div id="demoLightbox" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class='lightbox-dialog'>
        <div class="lightbox-content">
            <img src="{{ asset("avatars/") ~ us.avatar }}" />
            <div class="lightbox-caption">
                <p> This is an avatar </p>
            </div>
        </div>
    </div>
</div>

上面src到image是有效的,在firebug中我看到了图像。

我想补充一点,我的表单与bootstrap工作得很好,看起来这个bootstrap在我的项目中是有效的。

0 个答案:

没有答案