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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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