Настройка jQuery Modal Window Cookie

Question

Я пытаюсь добавить файл cookie в этот jQuery для модального окна для веб-сайта, над которым я работаю. Развернутый div: # scrolltriggered, а закрывающий идентификатор - #closebox. Я связал jQuery Cookie (here), но строка cookie, как рекомендовано на странице GitHUB, ничего не делает. Хотя я знаю свой путь вокруг HTML и CSS, я новичок в jQuery, и весь код - это просто кусочки и фрагменты, которые я собирал из других скриптов, поэтому, если есть какой-либо другой, более простой способ для создания этого модального окна для X-номера дней, я был бы очень признателен. Благодаря!

$.cookie('renovatpop', '1', { expires: 7, path: '/' });

idleTime = 0; 
$(document).ready(function(){ 
    $limit = 5; 
     function timerIncrement() { 
      idleTime = idleTime + 1; 
      if (idleTime > $limit) { 
       $('#scrolltriggered ').show(); 
       idleTime = 0; 
      } 
     } 
     // Increment the idle time counter every second. 
     var idleInterval = setInterval(timerIncrement, 1000); // 1 second 

     // Zero the idle timer on mouse movement. 
     $(this).mousemove(function (e) { 
      idleTime = 0; 
     }); 
     $(this).keypress(function (e) { 
      idleTime = 0; 
     }); 

     $('#closebox').click(function() { 
      $('#scrolltriggered').hide(); 
      $limit = 9999; 
     }); 

     $.cookie('renovatpop', '1', { expires: 7, path: '/' }); 
}); 

Answer 1

Я ответил на мой собственный вопрос.

Сценарии: jQuery (1.10+) и jQuery cookie (я бы рекомендовал использовать это локально).

<!-- jQuery library script --> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<!-- SCROLL POP UP --> 
<script src="jquery.cookie.js"></script> 
<script src="script.js"></script> 

и следующий сценарий:

idleTime = 0; 
$(document).ready(function(){ 
     if ($.cookie('modal_shown') == null) { 
     $.cookie('modal_shown', 'yes', { expires: 7, path: '/' }); 
    $limit = 7; 
     function timerIncrement() { 

      idleTime = idleTime + 1; 
      if (idleTime > $limit) { 
       $('#scrolltriggered ').show(); 
       idleTime = 0; 
      } 
     } 
     // Increment the idle time counter every second. 
     var idleInterval = setInterval(timerIncrement, 1000); // 1 second 

     // Zero the idle timer on mouse movement. 
     $(this).mousemove(function (e) { 
      idleTime = 0; 
     }); 
     $(this).keypress(function (e) { 
      idleTime = 0; 
     }); 

     $('#closebox').click(function() { 
      $('#scrolltriggered').hide(); 
      $limit = 9999; 
     }); 
     } 
    }); 

Этот сценарий будет сделать следующее: Создать модальное функцию окна, которое появится на 7 секунд после того, как сайт полностью загружен на веб-странице и создать cookie с именем «modal_shown», который будет существовать в течение 7 дней после создания.

Если вы хотите изменить количество секунд должно появиться модальный, измените значение: $ предел = 7

Если вы хотите изменить количество дней, печенье будет в системе посетителя, модифицировать Значение: истекает: 7

! important - Не забудьте проверить это на своем сервере, он не будет работать локально.