JQuery: содержит и нажмите кнопку для установки файлов cookie

Мои несколько строк кода отлично работают при тестировании в консоли Google Chrome, но не на моей странице, размещенной в нижнем колонтитуле, при загрузке на сервер.

Я хочу найти селекторы <li> либо для English, либо для Deutsch, и при нажатии на них установить файл cookie с помощью Плагин JavaScript для файлов cookie:

$(document).ready(function() {
    $("li:contains('English')").on("click", function() {
        Cookies.set('language', 'en', {
            expires: 365
        });
        location.reload();
    });

    $("li:contains('Deutsch')").on("click", function() {
        Cookies.set('language', 'de', {
            expires: 365
        });
        location.reload();
    });
});

РЕШЕНО! У меня был код вне функции $(document).ready(function() {});! Извините за потраченное время, но спасибо за помощь!

Ваш код выглядит хорошо в изоляции. Проверьте консоль на наличие ошибок. Почему вы считаете, что это не работает? Как вы снова читаете куки?

Rory McCrossan 15.03.2019 11:07

Может быть, ваш скрипт загружается до того, как элементы существуют в DOM? Попробуйте console.info что-нибудь в своих обработчиках кликов, чтобы увидеть, вызываются ли они вообще.

JimboSlice 15.03.2019 11:08

@RoryMcCrossan, потому что файлы cookie не сохраняются и страница не перезагружается. :( Понятия не имею, так как я не получаю никаких ошибок в консоли Google Chrome.

RobinAlexander 15.03.2019 12:25
console.info что-то в ваших обработчиках кликов, чтобы увидеть, вызываются ли они вообще... Боже! Мне так жаль тратить ваше время! Были ли строки js за пределами моего `$(document).ready(function() {}); Извините, но дело закрыто!
RobinAlexander 15.03.2019 12:28

В этом случае я бы предложил удалить вопрос, поскольку это была типографская проблема, которая не поможет будущим посетителям.

Rory McCrossan 15.03.2019 13:04
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
5
32
0

Другие вопросы по теме