Thursday, December 05 2024 @ 01:39 PM JST

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

  • Wednesday, March 02 2016 @ 09:56 PM JST
  • 投稿者:
  • 表示回数 7,892
Geeklog

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>