我決定最近嘗試fancybox 3,發現一個非常奇怪的錯誤,只有在打開引導模式窗口時纔會出現。Fancybox 3和Bootstrap 3 Modal奇怪的錯誤
所以我做了一個小的演示爲例(見全頁模式)
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="https://gitcdn.xyz/repo/fancyapps/fancybox/master/dist/jquery.fancybox.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://gitcdn.xyz/repo/fancyapps/fancybox/master/dist/jquery.fancybox.js" type="application/javascript"></script>
<!-- Gallery modal -->
<div id="galleryModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="galleryModal">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Cats Gallery</h4>
</div>
<div class="modal-body">
<a href="http://www.cats.org.uk/uploads/images/featurebox_sidebar_kids/grief-and-loss.jpg"
data-fancybox="gallery"
class="btn btn-default"
>Show Cat 1</a>
<a href="http://cdn1-www.cattime.com/assets/uploads/gallery/persian-cats-and-kittens/persian-cats-and-kittens-1.jpg"
data-fancybox="gallery"
class="btn btn-default"
>Show Cat 2</a>
</div>
</div>
</div>
</div>
<button class="btn btn-default" data-toggle="modal" data-target="#galleryModal">Show cats</button>
<br />
<br />
<a href="http://www.cats.org.uk/uploads/images/featurebox_sidebar_kids/grief-and-loss.jpg"
data-fancybox="gallery2"
class="btn btn-default"
>Show Cat 1</a>
<a href="http://cdn1-www.cattime.com/assets/uploads/gallery/persian-cats-and-kittens/persian-cats-and-kittens-1.jpg"
data-fancybox="gallery2"
class="btn btn-default"
>Show Cat 2</a>
當你剛開業的圖片,然後選擇一個或下一個,都是精細。但是,當你正在做的引導模式窗口同樣的事情...看到瀏覽器控制檯...這是錯誤百出。貌似通過用的fancybox模式的焦點事件,奇怪的是相交的焦點事件。
我的問題是我怎麼能解決這個問題,而不改變庫中的代碼?
我又增加了一個[問題](https://github.com/fancyapps/fancybox/issues/1288)看中框。你可以在那裏查看它的狀態。 –