1

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

我正在手动将fancybox 2上传到我正在构建的网站并遵循所有说明（据我所知）。尽管所有链接都在加载，但 jQuery 似乎无法正常工作。

我正在使用最后一个示例（媒体助手）来尝试使其正常工作。

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 和 js 文件都在标头中调用就好了。

您可以在这里看到它启动并运行。

4

1 回答 1

0

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

我可以看到这两个：

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

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

于 2013-07-21T01:36:53.850 回答