2013-09-12 3 views
0

Привет, я использую всплывающий плагин Reveal в сочетании с кукисами, чтобы показывать всплывающее окно только один раз в день. Это мой кодВсплывающее окно Reveal plugin wont popup on pageload

<head> 
.. 
<script type="text/javascript"> 
     function setCookie(c_name, value, exdays) { 
      var exdate = new Date(); 
      exdate.setDate(exdate.getDate() + exdays); 
      var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString()); 
      document.cookie = c_name + "=" + c_value; 
     } 

     function getCookie(c_name) { 
      var c_value = document.cookie; 
      var c_start = c_value.indexOf(" " + c_name + "="); 
      if (c_start == -1) { 
       c_start = c_value.indexOf(c_name + "="); 
      } 
      if (c_start == -1) { 
       c_value = null; 
      } 
      else { 
       c_start = c_value.indexOf("=", c_start) + 1; 
       var c_end = c_value.indexOf(";", c_start); 
       if (c_end == -1) { 
        c_end = c_value.length; 
       } 
       c_value = unescape(c_value.substring(c_start, c_end)); 
      } 
      return c_value; 
     } 

     function showModal() { 
      // Check if cookie existes 
      var expireDate = getCookie("showpopup"); 
      var today = new Date().toUTCString(); 

      if (expireDate != null && expireDate > today) { 
       //Do nothing! 
      } 
      else { 
       //ShowPopup here! 
       $('a.reveal-link').trigger('click'); 

       //Create cookie 
       setCookie("showpopup", "anything", 1); 
      } 
     }   
    </script> 
</head> 

<body onLoad="showModal()"> 
<a href="#" data-reveal-id="myModal" class="reveal-link">Click Me For A Modal</a> 
<div id="myModal" class="reveal-modal"> 
    <h1>Modal Title</h1> 
    <p>Any content could go in here.</p> 
    <a class="close-reveal-modal">&#215;</a> 
</div> 
...other code 
</body> 

Так basicaly на странице загрузки, куки не создается, но нет всплывающих шоу. Когда я вручную нажимаю на ссылку «Click Me For A Modal», окно отображается, поэтому нет проблем с окном. Когда я попробовал javascript предупреждающее сообщение, которое сработало. Важная часть коды:

//ShowPopup here! 
       $('a.reveal-link').trigger('click'); 

Я попытался diffrent варианты для запуска скрипта как $('#myModal').foundation('reveal', 'open'); или $('#myModal').reveal();, но ничего не получалось. Вы можете мне помочь? Thanks

ответ

0

Я нашел его. Проблема возникает только на моей странице из-за более конфликтных библиотек jquery.

Смежные вопросы