jQuery 灯箱插件不起作用（Wordpress）

Question

我完全感到困惑。我尝试了 10 种不同的 WordPress 插件来尝试让灯箱播放 Vimeo。没有人在工作。

我正在手动将fancybox 2 上传到website I'm building，并已按照所有说明进行操作（据我所知）。尽管所有链接都在加载，但 jQuery 似乎无法正常工作。

我正在与this last example（媒体助手）合作，试图让它发挥作用。

HTML

    <iframe src="http://player.vimeo.com/video/65191942?title=0&amp;byline=0&amp;portrait=0&amp;color=dd4c23" width="500" height="282" frameborder="0" class="fancybox-media" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p>

而javascript就在</body>标签之前

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

同样，所有css and js files 都在标头中调用就好了。

您可以看到它启动并运行here。

Answer 1

您检查控制台是否有错误？

我可以看到这两个：

Uncaught TypeError: Cannot call method 'getElementsByClassName' of null new.stevenspiel.com/compositions/:137
Uncaught TypeError: Object [object Object] has no method 'fancybox' 

你应该先修复这个错误。

如果您查看第 137 行，您会看到：

var $body = document.body
    , $menu_trigger = $body.getElementsByClassName('menu-trigger')[0];

看起来你有一个“，”而不是一个“;”结束第一行。