[英]How to prevent popup Facebook like box if click close button
我想在我的網站上添加一個類似Fb的彈出框,當訪客向下滾動時,將出現該彈出框。 我希望訪問者單擊關閉按鈕時,彈出框不會出現15天。 但是,當我單擊它的關閉時,當我向上或向下滾動時它會顯示。 有人可以幫我嗎? 我的代碼是:
<!-- FB Popup Likebox Start -->
<div class="fb-pop-like-box" id="fb-popup-like-box">
<p style="text-align: center;">Hey, Like Us on Facebook!</p>
<div class="fb-like-box" data-href="https://www.facebook.com/ifo4all" data-width="300" data-height="200" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="true"></div>
<div class="no-show"><a href="#">Close: I already Like if04all!</a></div>
</div>
<script type="text/javascript">
$(function () {
$("#fb-popup-like-box").hide();
$(window).scroll(function () {
if ($(this).scrollTop() > 2100) {
$('#fb-popup-like-box').slideDown('slow');
} else {
$('#fb-popup-like-box').slideUp('slow');
}
});
});
jQuery(document).ready(function(){
if(readFBCookie('squenched') != null) {
jQuery('#fb-popup-like-box').css("display", "none");
}
jQuery('.no-show a').live("click",function(event){
event.preventDefault();
jQuery('#fb-popup-like-box').css("display", "none");
var days=15;
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
document.cookie = "squenched=1"+expires+"; path=/";
return false;
});
function readFBCookie(name) {
var nameEQ = name + "=";
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,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
});
</script>
<!-- FB Popup Likebox Start End -->
$(function () {
$("#fb-popup-like-box").hide();
$(window).scroll(function () {
if(readFBCookie('squenched') == null) {
if ($(this).scrollTop() > 2100) {
$('#fb-popup-like-box').slideDown('slow');
} else {
$('#fb-popup-like-box').slideUp('slow');
}
}
});
});
jQuery(document).ready(function(){
if(readFBCookie('squenched') != null) {
jQuery('#fb-popup-like-box').css("display", "none");
}
jQuery('.no-show a').live("click",function(event){
event.preventDefault();
jQuery('#fb-popup-like-box').css("display", "none");
var days=15;
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
document.cookie = "squenched=1"+expires+"; path=/";
return false;
});
function readFBCookie(name) {
var nameEQ = name + "=";
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,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.