私は最近fancybox 3を試すことにしました。オープンブートストラップモーダルウィンドウでのみ表示される非常に奇妙なバグが見つかりました。ファンシーボックス3とブートストラップ3モーダル奇妙なバグ
あなただけがすべてで、画像を開いて、前または次を選択しているときに、私は
<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>
(フルページモードで表示)の例として、少しデモを行いました良い。しかし、あなたがブートストラップモーダルウィンドウから同じことをしているときには...ブラウザコンソールを見てください...それは間違いでいっぱいです。ファンシーボックスによるフォーカスイベントが、モーダルのフォーカスイベントと奇妙に交差するように見えます。
私の質問は、ライブラリコードを変更せずにこれをどのように修正できますか?
私は空想のボックスに、[問題](https://github.com/fancyapps/fancybox/issues/1288)を追加しました。その状態を確認することができます。 –