2017-04-06 59 views
0

我有一个弹出组用一个cookie,显示在页面加载。不过,我希望在加载页面后将.show更改为.slideUp,延迟时间为3秒。jQuery的 - 改变.show网页加载.slideUp有一个3秒钟的延迟

这里是我的代码:

<script> 

$(document).ready(function(){ 
// function to show our popups 
function showPopup(whichpopup){ 
if (document.cookie.replace(/(?:(?:^|.*;\s*)doSomethingOnlyOnce\s*\=\s*([^;]*).*$)|^.*$/, "$1") !== "true") { 
$('.overlay-content').slideUp(300).delay(800); 
//display your popup background and set  height to the page height 
document.cookie = "doSomethingOnlyOnce=true; expires=Fri, 31 Dec 9999 23:59:59 GMT"; 
console.log("cookie not found."); 
} 

} 
// function to close our popups 
function closePopup(){ 
$('.overlay-content').hide(); //hide the overlay 
} 
// hide popup when user clicks on close button 
$('.close-btn-new').click(function(){ 
closePopup(); 
}); 
showPopup(null); 
}); 

</script> 
+0

这样的事情? https://plnkr.co/edit/u7ZkivQNId8uT5h0ADQ0?p=preview如果你想在页面底部的弹出式窗口,只将它移出div容器 – Rinrub

+0

的我已经试过以上,但没有成功。任何指针将不胜感激。请参阅我的代码编辑。 – user3767554

回答

0

我会说:

window.setTimeout(function() { 
    $('.overlay-bg-lookbook').slideDown(); 
}, 3000); 

效果基本show是躲藏。

+0

我想弹出,从页面的页面后3秒底部向上滑动加载 – user3767554

+0

您还可以使用.delay(n)函数jQuery中http://api.jquery.com/delay/ – Rinrub

+0

羽绒被用于显示,截至对于隐藏 为了让滑模底部的印象,你需要定位与绝对位置弹出一个容器的底部。 所以当弹出窗口显示幻灯片效果时,它会向顶部滑动。 我的英语那么差:) – Cyril