-1
タイマーが満たされた後にポップアップを表示するコードがあります。現在のところ、コードは、閉じる要素をクリックすると、その要素を閉じるときに(画面上の他の場所では)閉じるように、逆にするように設計されています。ボタンをクリックしてJavaScriptをオフにする
ご協力いただきありがとうございます。
<script type="text/javascript">
$(document).ready(function() {
if(localStorage.getItem('popState') != 'shown'){
$("#popup").delay(5000).fadeIn();
localStorage.setItem('popState','shown')
}
$('#popup-close').click(function(e) // You are clicking the close button
{
$('#popup').fadeOut(); // Now the pop up is hiden.
});
$('#popup').click(function(e)
{
$('#popup').fadeOut();
});
});
HTML/CSSは次のとおりです。
<div style="display:none; width:50%; height:50%; background-color:blue; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index:1000;" id="popup"><p>Testing Newsletter Box</p><p>Click to close</p></div>
これは、メニューまたはクリックで、クリックオフイベントではありません。それはそれ自身で現れるポップアップであり、一度オフにすると再び戻すことができないので、これまでの質問と同じではありません。
はこれを試み、何かを変更するようには見えなかったフォーカスと非フォーカス要素、divがそれをクリックしたときだけでなくオフも、姿を消し、その後登場します。 –
この質問と重複しているリンクにある他のオプションを参照してください –