Как правильно задать время показа блока?

Question

[amazinginternetsites]

Друзья есть такой скрипт

$(document).ready(function() {
  $("a.uvclose").click(function(event) {
    var exists = $(this).parent(".uvedovlenie");
    if (exists) {
      exists.toggle(300)
      event.preventDefault();
    }
  });
});

Хочу добавить условие показа раз в определенный период и только если был закрыт блок т.е. вызвана функция uvclose
преобразовал в такой вид

(function($) {
$(function() {

  // Проверим, есть ли запись в куках о посещении посетителя
  // Если запись есть - ничего не делаем
  if (!$.cookie('was')) {

    // Покажем всплывающее окно
    $(document).ready(function() {
  $("a.uvclose").click(function(event) {
    var exists = $(this).parent(".uvedovlenie");
    if (exists) {
      exists.toggle(300)
      event.preventDefault();
    }
  });
});

  }

  // Запомним в куках, что посетитель к нам уже заходил
  $.cookie('was', true, {
    expires: 365,
    path: '/'
  });

})
})(jQuery)

Но не фурычит, подскажите где ошибка. Спасибо

Answer 1

[timfcsm]

вот отсюда

// Покажем всплывающее окно
    $(document).ready(function() {
  $("a.uvclose").click(function(event) {
    var exists = $(this).parent(".uvedovlenie");
    if (exists) {
      exists.toggle(300)
      event.preventDefault();
    }
  });
});

$(document).ready(....) уберите, у вас уже это событие произошло

Comments

[amazinginternetsites]

Не сработало.

[timfcsm]

И куку ставьте в обработчике

[amazinginternetsites]

timfcsm: если честно, хз уже как сделать

[timfcsm]

$(function() {
  // Проверим, есть ли запись в куках о посещении посетителя
  // Если запись есть - ничего не делаем
  if (!$.cookie('was')) {
    $("a.uvclose").click(function(event) {
      event.preventDefault();

      var exists = $(this).parent(".uvedovlenie");

      if (exists) {
        exists.toggle(300);

        // Запомним в куках, что посетитель к нам уже заходил
        $.cookie('was', true, {
          expires: 365,
          path: '/'
        });
      }
    });
  }
});

[amazinginternetsites]

Не срабатывает https://jsfiddle.net/arfxsc97/9/

[timfcsm]

потому что $.cookie это отдельный плагин, в jquery такого нет изначально
добавьте в external resources https://cdnjs.cloudflare.com/ajax/libs/jquery-cook...

[amazinginternetsites]

timfcsm: https://jsfiddle.net/arfxsc97/9/
На сайте и в примере не скрывается блок

[amazinginternetsites]

timfcsm: При нажатии на ссылку закрыть страница просто перезагружается

[timfcsm]

ещё раз
потому что $.cookie это отдельный плагин, в jquery такого нет изначально
добавьте в external resources https://cdnjs.cloudflare.com/ajax/libs/jquery-cook...

[amazinginternetsites]

timfcsm: я добавил https://jsfiddle.net/arfxsc97/12/
Все верно?

[timfcsm]

ну... всё работает

[amazinginternetsites]

timfcsm: на сайте не работает. при клике на ссылку перезагружает страницу

[timfcsm]

а на сайте скрипт подключили?

[timfcsm]

этот https://cdnjs.cloudflare.com/ajax/libs/jquery-cook...

[amazinginternetsites]

timfcsm: да, конечно

[amazinginternetsites]

В голове

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>

А в теле

<div class="uvedovlenie">
<a href="" class="uvclose"> закрыть </a>
<div class="uvtitle"><b>Привлекайте внимание</b></div>
<div>
<div class="uvleft"><img src="/homeimages/c1.png" alt="незаполненный профиль"></div>
<div class="uvright">
<p class="uvpostitle">Пустой профиль - пустое место</p>
<p class="uvpos">Максимально заполняйте свой профиль, чтобы потенциальные клиенты выбрали именно вас. Встречают по одежке...</p>

<p class="uvpostitle">Загружайте фотоматериалы</p>
<p class="uvpos">Показывайте своим заказчикам на что вы способны.</p>

<p class="uvpostitle">Рассказывайте о успехах</p>
<p class="uvpos">Пишите о своих достижениях. Это помогает клиенту удостовериться в вашем профессионализме и склониться в вашу сторону. </p>
</div>

</div>
</div>

<script>
$(function() {
  // Проверим, есть ли запись в куках о посещении посетителя
  // Если запись есть - ничего не делаем
  if (!$.cookie('was')) {
    $("a.uvclose").click(function(event) {
      event.preventDefault();

      var exists = $(this).parent(".uvedovlenie");

      if (exists) {
        exists.toggle(300);

        // Запомним в куках, что посетитель к нам уже заходил
        $.cookie('was', true, {
          expires: 365,
          path: '/'
        });
      }
    });
  }
});
</script>

[timfcsm]

ссылку на сайт можно?