Question

我正在尝试将fancybox与我的MVC应用程序一起用于视频等的弹出功能，但是当我点击我创建的链接以使用fancybox时，我收到以下错误：

SCRIPT438: Object doesn't support property or method 'type' 
jquery.fancybox.pack.js?v=2.0.6, line 2 character 131

有人能告诉我导致这个问题的原因吗？

代码如下：

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

<ul class="list">
<li><a class="fancybox-media" href="http://www.youtube.com/watch?v=opj24KnzrWo">Youtube</a></li>
<li><a class="fancybox-media" href="http://www.youtube.com/watch?v=opj24KnzrWo">Youtube</a></li>
<li><a class="fancybox-media" href="http://www.youtube.com/watch?v=opj24KnzrWo">Youtube</a></li>

Answer 1

fancybox tips & tricks n°4的例子：

$("#tip4").click(function() {
    $.fancybox({
            'padding'       : 0,
            'autoScale'     : false,
            'transitionIn'  : 'none',
            'transitionOut' : 'none',
            'title'         : this.title,
            'width'     : 680,
            'height'        : 495,
            'href'          : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
            'type'          : 'swf',
            'swf'           : {
                 'wmode'        : 'transparent',
                'allowfullscreen'   : 'true'
            }
        });

    return false;
});

我想你需要指出

'type': 'swf',

也许是swf选项。我建议你保留

'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),

Answer 2

适合我 - http://jsfiddle.net/pGRRj/1/ 也许你可以展示你的页面？

jquery fancybox错误'type'

2 个答案: