javascript - PrettyPhoto 在新选项卡而不是灯箱中打开 Youtube 视频/图像

Question

我正在使用 PrettyPhoto 插件来创建灯箱效果，但它根本不起作用。我按照网站上的步骤操作(我对 javascript 等没有那么丰富的经验)，但我无法让它工作。单击链接时，它只会在新选项卡中打开文件，无论它是图像还是 YouTube 视频。

有人可以帮我解决这个问题吗？我已经使用了一天了，但仍然无法让它工作。

这里是 Jquery、prettyphotolibary 的链接:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
    <script type="text/javascript" src="/js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            $("a[rel='prettyPhoto']").prettyPhoto({
        });
    </script>

样式表的链接:

<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />

这是我希望打开灯箱的链接:

<a href="http://www.youtube.com/watch?v=j7_LMMB3w5M" rel="prettyPhoto"
title="test">CLICKME FOR LIGHTBOX</a>

我在这里遗漏了什么吗？我认为它可能与我安装的其他一些插件冲突，这可能吗？此处查看完整网站:www.romyvanalebeek.com

Answer 1

我遇到了同样的问题，我刚刚删除了 $(document).ready(function(){

所以现在我有了

<script type="text/javascript" charset="utf-8">
    $("a[rel^='prettyPhoto']").prettyPhoto({
    });
</script>