UIkit Modal を応用。初期表示とCookieを活用した広告用

Geeklog
投稿者: 表示回数884

UIkit のModalを初期表示する方法

modalの記述のあとに以下のcodeを追加。


<script type="text/javascript">
$(function(){

  $(document).ready(function(){
   $.UIkit.modal('#modal').show();
  });

});
</script>

広告用: cookieを利用して、初回のみModal 表示

modalの記述のあとに以下のcodeを追加。


<script type="text/javascript">
$(function(){
 if(!$.cookie("access")){
  $(document).ready(function(){
   $.UIkit.modal('#my-id').show();
  });
 }
 $(window).load(function(){
  $.cookie("access","foo", { expires: 1 });
 })
});
</script>