Question

我没有得到任何控制台错误。这是我正在使用的代码：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="http://localhost/punx/wordpress/wp-content/themes/bone-theme/fancybox/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="http://localhost/punx/wordpress/wp-content/themes/bone-theme/fancybox/jquery.fancybox.pack.js?v=2.1.5"></script>

<script type="text/javascript">
$(document).ready(function() {
    $('.fancybox-media').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        helpers : {
            media : {}
        }
    });
});
</script>       

<div class="video-item">

    <a class="fancybox-media" href="http://www.youtube.com/watch?v=E34eBjaqmgo&feature=youtube_gdata_player">
    <img src="http://i1.ytimg.com/vi/E34eBjaqmgo/0.jpg" alt="" />
    <span>Video Title Here</span>
    </a>

</div>

该链接只是将我直接带到YouTube。就像我说的，我没有控制台错误。

任何帮助都将不胜感激。

Answer 1

您忘记链接jquery.fancybox-media.js文件，这样您就可以使用media帮助程序了。在添加了帮助程序的情况下测试了您的代码，它运行得很好。

fancybox YouTube链接根本不起作用

1 个答案: