Bootstrap 3和FancyBox2:导航箭头未显示在图库中的第一张照片上

时间:2014-02-12 13:11:36

标签: javascript jquery twitter-bootstrap-3 fancybox-2

我正在使用带有FancyBox2的Bootstrap 3和我的demo site is here。一切都很好,除了照片库中的第一张照片上有 NO 导航箭头。所有其他照片都有导航箭头。任何人都有任何线索,为什么?

这是带有第二张照片代码的第一张照片代码。如您所见,代码几乎完全相同。

            <a class="thumbnail fancybox" rel="lightbox" href="http://placehold.it/400x400.png">
                <img class="img-responsive" alt="First title here" src="http://placehold.it/200x200" />
                <div class="text-center">
                    <small class="text-muted">Image Title</small>
                </div> <!-- text-center / end -->
            </a>


            <a class="thumbnail fancybox" rel="ligthbox" href="http://placehold.it/400x400.png">
                <img class="img-responsive" alt="second title here" src="http://placehold.it/200x200" />
                <div class="text-center">
                    <small class="text-muted">Image Title</small>
                </div> <!-- text-center / end -->
            </a>

但是,当我使用开发人员工具查看服务器上的代码时,我可以看到箭头似乎是通过javascript动态添加的(我可能是错的)。由于某种原因,它不会动态添加到第一张照片。

有人有什么想法吗?

1 个答案:

答案 0 :(得分:0)

刚刚用第二张照片代码替换了第一张照片代码并且工作正常......仍然不知道问题是什么,哦。但是,它有效。