0

Есть сайт на wordpress. Подцепил всплывающее окно и теперь хочу его заставить появляться только раз для одного и того же пользователя. Для этого добавляю куки по этой инструкции. Саму библиотеку cookie подключил, пишу такой код при полной загрузке сайта

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

    // Покажем всплывающее окно
    $('#Modal').modal('show');

  }

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

Или такой

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

    // Покажем всплывающее окно
    jQuery('#Modal').modal('show');

  }

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

Получаю ошибку:

Uncaught TypeError: jQuery is not a function

Что делаю не верно? Как поправить?

2
  • load(function($) не надо передавать алиас $. И далее оборачивать анонимкой то же нет нужды. Исправьте это, там видно будет
    – Kirill
    11 янв 2018 в 12:23
  • @Kirill Korushkin исправил, но пока ничего не видно, только ошибка сменилась с jQuery на $
    – Вася
    11 янв 2018 в 12:36

1 ответ 1

1

(function($) {
  $(window).load(function() {
    // Проверим, есть ли запись в куках о посещении посетителя
    // Если запись есть - ничего не делаем
    if (!$.cookie('was')) {
      // Покажем всплывающее окно
      $('#Modal').modal('show');
    }
    // Запомним в куках, что посетитель к нам уже заходил
    $.cookie('was', true, {
      expires: 365,
      path: '/'
    });
  });
})(jQuery);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

Данный пример выдаст Script error, однако это лишь по причине того, что исполняется в песочнице. Но Uncaught TypeError: $ is not a function уже нет.

5
  • спасибо, а я как раз-таки и получаю ошибку Uncaught TypeError: $ is not a function не помню, с чем это связано - возможно, с версией jQuery или не совместимостью, т.к. до подключения куки вот это работало хорошо <script> jQuery(window).load(function(){ jQuery('#Modal').modal('show'); }); </script>
    – Вася
    11 янв 2018 в 12:34
  • Ну, это вордпресс и какие библиотеки подключены в вашем шаблоне и в каком порядке хз. Надо юзать noConflict как минимум. Сперва попробуйте обернуть анонимкой весь скрипт, я обновил в ответе.
    – Kirill
    11 янв 2018 в 12:42
  • о! вот это великолепно! Работает! Спасибо) в чем получается дело мне на будущее?
    – Вася
    11 янв 2018 в 12:49
  • 1
    Скорее всего подключены разные js библиотеки в разном порядке. Когда оборачиваете анонимкой - указываете что внутри действует данный алиас ($) для данной библиотеки (jQuery). Почитайте про noConflict();
    – Kirill
    11 янв 2018 в 13:11
  • 2
    @KirillKorushkin WordPress всегда запускает jQuery в noConflict mode. Соответственно, все пользовательские скрипты должны оборачиваться примерно так, как вы указали в ответе. Я использую такую обертку jQuery(document).ready(function ($) {......}); 11 янв 2018 в 14:35

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.