如果没有class-Tag,Fancybox将不会向YouTube显示图片

时间:2014-01-26 08:04:09

标签: javascript jquery image youtube fancybox

我的CMS中有一些没有Class-Tag的链接。 现在我将在fancybox中显示YouTube视频。

但是这段代码不起作用:

<script type="text/javascript">
$(document).ready(function() {
    $('a[href^=www.youtube.com/watch], a[href$=.jpg], a[href$=.gif], a[href$=.png]').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        helpers : {
            media : {}
        }
    });
});
</script>

这是链接:

<a href="https://www.youtube.com/watch?v=aU7Os2KCRVw" target="_blank">

我也测试了这段代码,但它不起作用。

<script type="text/javascript">
$(function(){
    $('a[href^=http://www.youtube.com/watch]').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        helpers : {
            media : {}
        }
    });
    $('a[href$=.jpg], a[href$=.gif], a[href$=.png]').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        helpers : {
            media : {}
        }
    });
});
</script>
是的,有人能帮帮我吗? 迎接亨德里克

1 个答案:

答案 0 :(得分:0)

将您的网址括在引号中,否则斜杠将被解释为表达式中的分隔符

$('a[href^="http://www.youtube.com/watch"]').fancybox({
    openEffect: 'none',
    closeEffect: 'none',
    helpers: {
        media: {}
    }
});

参见 JSFIDDLE