Wordpress中加载了带有cookie的Fancybox

Question

我正试图在Fancybox的主页上加载一个视频。如果你在过去30天内一直在网站上，请使用cookie以避免加载。

这是一个Wordpress网站，所以我把所有的"$"都改成了"jQuery"。在关闭footer.php文件底部的body标记之前，我有所有这些脚本，就像你所看到的一样。我得到错误"jQuery.cookie不是函数"。我不是一个真正的程序员，所以假设我不知道任何基本的脚本。

我认为这应该行得通，但不行。

<!-- Start video popup cookie script -->
<script src='http://cdn.jsdelivr.net/cookies.js/0.4.0/cookies.min.js'></script>
<script>
jQuery(document).ready(function(jQuery) {
jQuery(function() {
    if (jQuery.cookie('mycookie')==='true') {
        // it hasn't been thirty days yet
    } else {
    jQuery.fancybox(
        'http://www.youtube.com/embed/oWCN8HvsULg?rel=0&wmode=transparent&autoplay=1',
        {
            'autoDimensions'    : false,
            'width'             : 800,
            'height'            : 600,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none'
        }
    );
}
});
// set cookie to expire in 30 days
jQuery.cookie('mycookie', 'true', { expires: 30});
});
</script>
<!--end Video popup -->

谢谢你的帮助。

Dan

Answer 1

我不认为您的cookie脚本是jQuery插件。请改用Cookies('mycookie', 'true', { expires: 30});。

Answer 2

我让它工作起来了。我需要在视频链接中添加一个id（#vidBtnDan）（如下所示），并将文件jquery.cookies.js的名称更改为jq.cookies.js，由于某种原因，Wordpress将不会使用jquery.coookies.js。此外，Wordpress在您的代码中无法使用$，因此您需要将所有"$"更改为"jQuery"。

这是代码。。。

<!-- start video popup scripts --> 
<script src="wp-includes/js/jquery/jq.cookie.js"></script>
<a id="inline" href="#vidPop"> 
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/wp-includes/js/jquery/jq.cookie.js"></script> 
<script type="text/javascript">
        jQuery(document).ready(function() {
        if(jQuery.cookie("modal") != 'true') {
                jQuery("#vidBtnDan").fancybox({padding:0, margin:0}).trigger('click');
        jQuery.cookie("modal", "true", { path: '/', expires: 30 });  
    }
});
</script> 
<!-- end video scripts -->