主页 / 问题 / 757500
Accepted
Карен
Asked:2020-12-13 04:13:56 +0800 CST2020-12-13 04:13:56 +0800 CST

滚动时，我们连接脚本？

  • 772

问候！滚动时我尝试连接脚本

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>');
}

但是什么也没发生，由于某种原因它不起作用，我不知道为什么。帮我找出问题所在。

javascript

1 个回答

  1. Best Answer

    我最初会在文档中连接脚本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>');
    });
  }
});
    • 0

相关问题