2017-04-06 9 views
0

ページの読み込みに表示されるクッキーが設定されています。しかし、私は.showUpにページロード後3秒の遅延で変更したいと思っています。ここでjQuery - 変更.shouldUpページロード時に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); 

slideUpを隠すためです。

+0

ページがロードされてから3秒後にポップアップがページの下からスライドしてほしい – user3767554

+0

jqueryの.delay(n)関数を使用することもできます。http://api.jquery.com/delay/ – Rinrub

+0

Down is表示するには、上に隠すことです スライドフォームの印象を与えるには、ポップアップをコンテナの底に絶対位置で配置する必要があります。 ポップアップにスライドエフェクトが表示されると、ポップアップが上にスライドします。 私の英語はとても悪いです。 – Cyril

関連する問題