1

Приветствую! Попробовал при скролле подключить скрипт

if ($(window).scrollTop() > 0) {
  $('.test').after().html('<script type="text/javascript" src="//vk.com/js/api/openapi.js?150"></script> <div id="vk_community_messages"></div><script type="text/javascript"> VK.Widgets.CommunityMessages("vk_community_messages", 127607773, {expanded: "1",tooltipButtonText: "Есть вопрос?"});</script>');
}

но ничего не получилось не работает почему то, и не могу понять почему. Помогите разобраться в чем проблема.

1 ответ 1

0

Скрипт openapi.js я бы подключал в документе изначально, но даже если динамически, то это лучше делать с помощью метода $.getScript() или $.ajax() с соответствующим значением параметра dataType. Во-вторых, необходимо экранировать кавычки, слеши в исполняемом коде, который вы добавляете на страницу. И в-третьих, при каждом событии scroll (если обработчик у вас вообще установлен) и верном условии scrollTop > 0, будет опять выполняться подключение API и вывод на страницу кода виджета. Поэтому, этот момент тоже я бы отслеживал:

var getApi = true;
$(window).on('scroll', function() {
  if ($(window).scrollTop() > 0 && getApi) {
    getApi = false;
    $.getScript('//vk.com/js/api/openapi.js?150', function() {
      $('.test').after().html('<div id="vk_community_messages">OOO</div><script type="text/javascript"> VK.Widgets.CommunityMessages(\"vk_community_messages\", 127607773, {expanded: \"1\",tooltipButtonText: \"Есть вопрос?\"});<\/script>');
    });
  }
});
5
  • Да то что надо спасибо
    – Карен
    12 дек 2017 в 22:53
  • или $.ajax() = Просто интересно где можно посмотреть как подключают через ajax. Есть примеры ? Можно ссылка ?.
    – Карен
    13 дек 2017 в 9:40
  • @Карен, это обычный метод jQuery, просто указывается, как тип ожидаемых данных в ответе - dataType: 'script'.
    – Deonis
    13 дек 2017 в 9:49
  • а проверка на скролл как добавить там ?
    – Карен
    13 дек 2017 в 9:50
  • @Карен, похоже, что вы меня не поняли. Метод $.getScript() - это укороченная версия метода $.ajax() с dataType: 'script' Проверка на скролл и прочее, сюда ни коем образом не относятся.
    – Deonis
    13 дек 2017 в 10:36

Ваш ответ

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

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