このjQueryを使用して、最初の訪問時と「情報」ボタンのクリック時にユーザーにメッセージを表示しています。
$(document).ready(function()
{
if(!localStorage.newVisitor) {
localStorage.newVisitor="true";
$('#popUp').fadeIn(300);
}
$('#popUp').click(function(){
$('#popUp').fadeOut(300);
});
$('#info').click(function(){
$('#popUp').fadeIn(300);
}
);
});
html は基本的に次のとおりです。
<div id="popUp">Hello</div>
<a id="info">Info</a>
CSS:
#popUp {
display: none;
}
これはすべてサファリのハンキードーリーですが、テストのためにこれを iPhone に転送すると、[情報] ボタンをタップするたびにポップアップが表示されますが、ページがすぐに更新されるため、メッセージは非表示の状態にリセットされます。
なぜこれが誰なのか、何か考えはありますか?
ありがとう!