모바일 하이브리드 앱에서의 Jquery 쿠키 사용

jquery-cookie.js 플러그인을 웹 페이지를 표시하는 모바일 하이브리드 앱에 쓰려고하면 표시 될 div의 깜박임이 발생합니다. 즉시 사라진다. 이 스크립트가 없으면 다음 div가 모바일 하이브리드 웹 페이지에 표시됩니다.모바일 하이브리드 앱에서의 Jquery 쿠키 사용

<script type="text/javascript"> 
$(function(){ 
    if ($.cookie('newappuser')) { 
     console.debug($.cookie("newappuser")); 
     $('div.instructionalgif').remove(); 
    } 
    else { 
     $.cookie('newappuser', 'true', {expires: 7}); 
     return $('div.instructionalgif').click(function() { 
     $('div.instructionalgif').remove(); 
     }); 
    } 
}); 
</script>

위의 스크립트없이 올바르게 표시됩니다.

<div class="instructionalgif" style="display: block;margin:auto;background-image: url('http://cdn.idstatic.com/cms/live/190/Untitled-1.gif?1401950829'); background-repeat: no-repeat; background-position: 50%; background-color: #fff;left:0;right:0;;top:0;bottom:0;opacity:0.8;z-index:999999;position:absolute;"><i class="fa fa-times" style="font-size:3em;padding:10px 0 0 10px;"></i></div>

왜 이런 일이 벌어지고 있는지 알 수 있습니다.

자료 : https://github.com/carhartl/jquery-cookie

출처

2014-06-06 JosephMCasey