Fatal编程技术网
  • javascript/
  • Javascript 为什么赢了'；t灯箱触发器？

Javascript 为什么赢了'；t灯箱触发器？

javascript jquery html css cookies

Javascript 为什么赢了'；t灯箱触发器？,javascript,jquery,html,css,cookies,Javascript,Jquery,Html,Css,Cookies,我实现了一个fancybox灯箱，但它无法打开，我不知道为什么 作为参考，它正在这个网站上工作： 一旦您单击“了解更多”或“不再显示”，它将设置一个cookie，并且不会再次显示（除非您清除cookie） 我在两个网站上都添加了相同的代码（如下所列），所以不知道为什么它不起作用 <!-- Add fancyBox Lightbox --> <link rel="stylesheet" href="/js/source/jquery.fancybox.css?v=2.1.5" t

我实现了一个fancybox灯箱，但它无法打开，我不知道为什么

作为参考，它正在这个网站上工作：

一旦您单击“了解更多”或“不再显示”，它将设置一个cookie，并且不会再次显示（除非您清除cookie）

我在两个网站上都添加了相同的代码（如下所列），所以不知道为什么它不起作用

<!-- Add fancyBox Lightbox -->
<link rel="stylesheet" href="/js/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="/js/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="/js/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="/js/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/js/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
<link rel="stylesheet" href="/js/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/js/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<script type="text/javascript">

function setCookie() {
document.cookie="lightboxcookie=lightboxseen; expires=Thu, 18 Dec 2020 12:00:00 UTC";
}

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";

}

function checkCookie() {
 var thecookie=getCookie("lightboxcookie");
    if (thecookie != "") {
        } else {
            <!--Show Lightbox-->
            jQuery.noConflict()(function ($) { 
                $(document).ready(function() { 
                                        $(".lightbox").fancybox({
                            helpers : {
                                                       overlay : {
                                                          closeClick: false,
                                                          css : {
                                                         'background' : 'rgba(0, 45, 92, 0.80)'
                                                          }
                                                       }
                                                    }
                    });
                    $(".lightbox").eq(0).trigger('click');

                });
            });
    }
}
</script>

<body onload="checkCookie()">

<style>

div#lightbox {
background: #fff;
opacity: 1 !important;
height: 200px;
text-align: center;
}
div#lightbox h1{
font-size: 20px;
}

a.lightbox {
display: inline-block;
max-width: 200px;
background: #002D5C;
color: white;
border-radius: 5px;
text-decoration: none;
padding: 5px 20px;
}
a.lightbox_learnmore {
height: 40px;
font-size: 28px;
padding-top: 1px;
margin-top: 10px;
margin-bottom: 20px;
}
a.lightbox_dontshow {
height: 30px;
font-size: 12px;
padding-top: 8px;
}
a.lightbox_dontshow {
background: #ddd;
color: gray;
}
a.lightbox_learnmore:hover {
background: #1366a0;
}
a.lightbox_dontshow:hover {
background: #bbb;
color: white;
}
a.fancybox-close {
display: none;
}
.fancybox-skin {
background: #ffffff;
}
div#lightbox p{
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.fancybox-inner {
width: 650px !important;
height: 500px !important;
}
@media (min-width: 10px) and (max-width:767px) {
    .fancybox-inner {
    width: 100% !important;
    height: 100% !important;
    }   
    .fancybox-wrap {
    top: 25px !important;   
    }
    .fancybox-skin {
    height: 700px !important;   
    }
    .fancybox-inner {
    height: 700px !important;   
    }
}
</style>

<a style="display: none;" class="lightbox" href="#lightbox">Lightbox</a>

<div style="display:none"><div id="lightbox"><h1><img src="http://ww2.joomlatest01.mms-dev.com/images/mds_logo.png" width=200/>&nbsp;&nbsp;&nbsp;<img src="http://ww2.joomlatest01.mms-dev.com/images/isnow.png" width=80 /> &nbsp;<img src="http://ww2.joomlatest01.mms-dev.com/images/Workwave_Logo_250.png" /></h1>
<br/>
<p>We’ve changed our name from Marathon Data Systems to WorkWave! The Marathon Data Systems brand has been a mainstay in field service management software for over 30 years.   We’re doing this now, because we feel the time is right to unify our brand and messaging to more accurately reflect how our product offerings connect every aspect of our your business, providing an unprecedented level of insight into your office and field operations enabling you to truly delight your clients and supercharge your business performance.</p>
<p> 
Our goal is to make this transition as easy as possible with little to no impact for our customers. For frequently asked questions regarding our change to WorkWave and how it may affect you, please click “learn more” for additional info.
  </p>
<a class="lightbox lightbox_learnmore" href="" onclick="setCookie()">Learn More</a><br/><a class="lightbox lightbox_dontshow" href="" onclick="setCookie()">Don't show this again</a>
</div></div>


函数setCookie（）{
document.cookie=“lightboxcookie=lightboxseen；expires=Thu，2020年12月18日12:00:00 UTC”；
}
函数getCookie（cname）{
变量名称=cname+“=”；
var ca=document.cookie.split（“；”）；

对于（var i=0；我在你的页面上得到了一系列错误，包括404 for
jquery-2.1.1.js
。请检查你的浏览器控制台是否存在问题。谢谢！我为jquery添加了谷歌URL，这似乎解决了问题。