幻想盒问题，什么都没发生

Fancybox Problems, nothing happens

本文关键字：什么 问题 幻想      更新时间：2023-09-26

我想在我的图库中使用以下代码集成Fancybox：

包括脚本：

<!-- Add jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="tl_files/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="tl_files/fancybox/source/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen" />
<script type="text/javascript" src="tl_files/fancybox/source/jquery.fancybox.js?v=2.0.6"></script>
<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="tl_files/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.2" type="text/css" media="screen" />
<script type="text/javascript" src="tl_files/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.2"></script>
<script type="text/javascript" src="tl_files/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.0"></script>
<link rel="stylesheet" href="tl_files/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=2.0.6" type="text/css" media="screen" />
<script type="text/javascript" src="tl_files/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=2.0.6"></script>

我的图片链接看起来是这样的：

< a class="fancybox" data-fancybox-group="gallery" title="hello world" href="tl_files/photomania/images/51.jpg"><img   src="tl_files/photo/images/51.jpg"></img></a>

最后，我用以下代码调用了这个花哨的盒子：

<script type="text/javascript">
(function($) {
    $('.fancybox').fancybox();
})(jQuery);
</script>

但是什么也没发生。。请帮我

你会得到什么样的错误？你检查过javascript控制台或firebug（如果你使用firefox/iceweasel）吗？

粘贴错误消息会更容易帮助您。

试试这个：

    <script type="text/javascript">
        $(document).ready(function() {
        $('.fancybox').fancybox();
        });
    </script>

由于您在第一行加载jquery，我认为您不需要这样做。

它应该起作用。

相关文章：