代码之家  ›  专栏  ›  技术社区  ›  Dennis Braga

未在引导程序3上调用模态

  •  0
  • Dennis Braga  · 技术社区  · 9 年前

    我有以下代码:

    <div class="btn slick-slide slick-active" data-toggle="modal" data-target="#photo-carousel-modal" data-slick-index="0" aria-hidden="false" style="width: 234px;">
        <img class="img-holder img-thumbnail" src="image/path.jpg">
    </div>
    

    这里应该调用这个模态:

     <div class="modal fade bs-example-modal-lg" id="photo-carousel-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                {{-- Modal's content --}}
            </div>
        </div>
    </div>
    

    它根本不会触发任何事情!我是在做一些愚蠢的事,却没有意识到吗?

    附笔。: 对!Bootstrap工作正常。我在代码的其他部分使用它,它就像一个魅力!

    2 回复  |  直到 9 年前
        1
  •  2
  •   AndrewL64    9 年前

    确保您的 bootstrap.js 文件被调用 之后 jQuery文件如下:

    <script src="path/to/jquery-file.js"></script>
    <script src="path/to/bootstrap.js"></script>
    

    (此外,删除任何其他引导js文件,如bootstrap-modal.js等,因为bootstrap.js中已经包含了所有内容)

    如果以上操作已经完成,但仍然没有显示,请从您的 <head....</head 以及你的问题网页的页脚。

    附笔。 检查浏览器控制台是否有错误,以便更好地了解发生了什么。

        2
  •  0
  •   Dennis Braga    9 年前

    后来我发现我的代码对jQuery库有3个调用。其中一个是在引导调用之后。这就是我搞砸的地方!

    (事实上,在这里工作的是另一个人。)

    所以,孩子们:不要把你的JQUERY电话放在BOOTSTRAP电话之后!这会让你发疯的!