Shopify не выполняет jQuery (скрипт геолокации)

Я пытаюсь использовать сценарий jQuery для изменения макета страницы контактов в зависимости от местоположения пользователя. В JSbin он работает должным образом, но при переносе на Shopify он просто не работает.

В консоли нет ничего, что указывало бы на конфликт.

Есть ли у кого-нибудь идеи, почему не работает?

Обновлено: обновленный фрагмент рабочего решения. Вызываемая IP-служба не разрешала запросы HTTPS, я переключился на другой, и теперь он работает на Shopify, как и предполагалось.

<script>
    $(document).ready(function() {
      
    $.ajax({
      url: "https://freegeoip.app/json/",
  dataType: "jsonp",
  success: function(json) {
    if (json.country_code === "GB") {
        alert('you are in the UK'); 
  }
  }      
});
    });
  </script>

Как называется точно? Вы используете какой-то обработчик событий?

Nico Haase 10.08.2018 13:17

Просто у меня это в тегах скрипта.

Lawrence Ames 10.08.2018 13:21

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

Nico Haase 10.08.2018 13:25

Я обновил пост

Lawrence Ames 10.08.2018 13:37

@LawrenceAmes, на основе вашего обновленного кода, пожалуйста, посмотрите мой ответ. Вам нужно обернуть этот код в $(document).ready()

James Hill 10.08.2018 13:37
Поведение ключевого слова "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) для оценки ваших знаний,...
2
5
210
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

На основании лайков и информации, представленной в комментариях, мне удалось запустить код в контексте вашего сайта. Код выполняется успешно, но ваш поставщик API запрещает действие, которое вы пытаетесь выполнить, в зависимости от уровня вашей подписки. См. Ошибку ниже.

Документы API говорят немного иначе - The current subscription plan does not support this API endpoint.

Я переключился с IPstack на другой сервис, и теперь он работает, как задумано, в реальном магазине. Спасибо за вашу помощь!

Lawrence Ames 10.08.2018 14:19

@LawrenceAmes, с удовольствием. Обязательно проголосуйте за мой ответ и отметьте его как правильный ответ. Спасибо!

James Hill 10.08.2018 14:22

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