Jquery Fancybox图像消失

单击图像后，图像将继续消失

HTML

JavaScript

<script src="scripts/jquery.fancybox.js"></script>
<script type="text/javascript" src="/scripts/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/scripts/helpers/jquery.fancybox-media.js?v=1.0.5"></script>
<link rel="stylesheet" href="/scripts/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/scripts/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<script>
    $(document).ready(function() {
        context = $('#picture-container');
        $("a.fancybox", context).fancybox();
    });
</script>

$（文档）.ready（函数（）{
上下文=$（“#图片容器”）；
$（“a.fancybox”，context.fancybox（）；
});

我自己解决了：“#图片容器img{display:block！important；}”每次单击后，图像将转到display:none。这就是解决方案。只绑定fancybox而不使用任何上下文（如

$（“a.fancybox”）.fancybox（）。。。查看您的代码是否正常工作。。。。为什么要把事情复杂化呢？那会更容易找到类吗？例如，通过使用上下文？
<script src="scripts/jquery.fancybox.js"></script>
<script type="text/javascript" src="/scripts/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/scripts/helpers/jquery.fancybox-media.js?v=1.0.5"></script>
<link rel="stylesheet" href="/scripts/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/scripts/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<script>
    $(document).ready(function() {
        context = $('#picture-container');
        $("a.fancybox", context).fancybox();
    });
</script>