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];

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

jQuery灯箱插件无法正常工作（Wordpress）

1 个答案: