Javascript 使用fancybox w/jquery cookie
我在页面上加载fancybox。我想添加一个cookie,它只允许每7天加载一次。我找到了这个答案,但是当我使用它时,我得到一个错误,说内容无法加载。我试着对那个帖子发表评论,但我没有足够的观点去评论。有人知道这是什么原因吗?我现在已经删除了cookie的代码。但这是代码Javascript 使用fancybox w/jquery cookie,javascript,jquery,cookies,fancybox,Javascript,Jquery,Cookies,Fancybox,我在页面上加载fancybox。我想添加一个cookie,它只允许每7天加载一次。我找到了这个答案,但是当我使用它时,我得到一个错误,说内容无法加载。我试着对那个帖子发表评论,但我没有足够的观点去评论。有人知道这是什么原因吗?我现在已经删除了cookie的代码。但这是代码 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="../template/js/jquery.cookie.js"></script>
<link rel="stylesheet" href="../template/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="../template/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<link rel="stylesheet" href="../template/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="../template/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
<script type="text/javascript">
function openFancybox() {
setTimeout(function () {
$('#yt').trigger('click');
}, 500);
};
</script>
<script type="text/javascript">
$(document).ready(function () {
var visited = $.cookie('visited');
if (visited == 'yes') {
return false; // second page load, cookie active
} else {
openFancybox(); // first page load, launch fancybox
}
$.cookie('visited', 'yes', {
expires: 0 // the number of days cookie will be effective
});
$("#yt").click(function () {
$.fancybox({
href: this.href,
type: "inline"
});
return false;
});
});
</script>
<a class="fancybox" href="#yt">test</a>
<div id="yt" style="display:none; text-align: center;"><h2>VIP TEXT CLUB!</h2>
<h3>Get exclusive access to sales and new arrivals!</h3>
<h3>Text "COBO" to 51660 and receive 10% off your entire purchase! </h3>
<h3>10% offer only applies to first time text club subscribers.</h3></div>
函数openFancybox(){
setTimeout(函数(){
$('#yt')。触发器('click');
}, 500);
};
$(文档).ready(函数(){
var visted=$.cookie(“visted”);
如果(已访问==“是”){
返回false;//第二次页面加载,cookie处于活动状态
}否则{
openFancybox();//加载第一页,启动fancybox
}
$.cookie('已访问','是'{
过期:0//cookie将生效的天数
});
$(“#yt”)。单击(函数(){
$.fancybox({
href:this.href,
类型:“内联”
});
返回false;
});
});
VIP文字俱乐部!
独家访问销售和新来者!
将“COBO”发送至51660,即可享受整个购买的10%折扣!
10%优惠仅适用于首次使用文字俱乐部的用户。
请记住,#yt
是您的目标内容的ID(您隐藏的div
应该在fancybox中),因此您不能绑定并触发点击
事件到该选择器,而是带有classfancybox
的事件(触发元素),它实际上指向#yt
选择器:
<a class="fancybox" href="#yt">test</a>
。。。通过这个
$('.fancybox').trigger('click');
$(".fancybox").click(function () {
然后将单击事件绑定到.fancybox
替换此行
$('#yt').trigger('click');
$("#yt").click(function () {
。。。通过这个
$('.fancybox').trigger('click');
$(".fancybox").click(function () {
请参见