2017-04-06 61 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